<x-user.content>
    <x-slot:title>{{ $data['title'] }}</x-slot:title>
    <x-slot:head> </x-slot:head>
    <div class="container">
        <div class="row px-xl-5">
            <div class="col-12">
                <nav class="breadcrumb bg-light mb-30">
                    <a class="breadcrumb-item text-dark" href="/">Home</a>
                    <span class="breadcrumb-item active">Kontak</span>
                </nav>
            </div>
        </div>
    </div>

    <div class="container ">

        <div class="row px-xl-5 ">
            <div class="col-lg-7 mb-5">
                <x-message></x-message>
                <div class="contact-form bg-light p-30">
                    <div id="success"></div>
                    <form method="post" action="{{ route('pesan.kirim') }}">
                        @csrf
                        <div class="control-group">
                            <input type="text" class="form-control" name="nama" placeholder="Nama Lengkap"
                                required="required" data-validation-required-message="Please enter your name" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="email" class="form-control" name="email" placeholder=" Email"
                                required="required" data-validation-required-message="Please enter your email" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" name="subjek" placeholder="Subject"
                                required="required" data-validation-required-message="Please enter a subject" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <textarea class="form-control" rows="8" name="pesan" placeholder="Pesan..." required="required"
                                data-validation-required-message="Please enter your message"></textarea>
                            <p class="help-block text-danger"></p>
                        </div>
                        <div>
                            <button class="btn btn-primary py-2 px-4" type="submit" id="sendMessageButton">Kirim
                                Pesan</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-5 mb-5">
                <div class="bg-light p-30 mb-30">
                    {!! modull('PFKT')->gambar !!}
                </div>
                <div class="bg-light p-30 mb-3">
                    <p class="mb-2  "><i class="fa fa-map-marker-alt text-primary mr-3"></i>
                    <p> {!! modull('PFKT')->link !!}</p>
                    </p>
                    <p class="mb-2"><i class="fa fa-envelope text-primary mr-3"></i> {!! modull('PFKT')->isi !!}</p>
                    <p class="mb-2"><i class="fa fa-phone-alt text-primary mr-3"></i> {!! modull('PFKT')->judul !!}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="container vh-100"></div>

    <x-slot:foot> </x-slot:foot>
</x-user.content>
