fhubungi.blade.php 5 KB
@extends('frontend.layout.app')


<style>
/*  */
</style>
@section('content')

<div class="container-fluid" style="background-color: #f5f5f5!important;">
    <div class="row">
        <div class="row" style="margin-top: 40px!important;">
            <div class="col-md-1" style=""><a href="/franperda" style="text-indent: 0px;"><i class="fa " aria-hidden="true"></i></a></div>
        <div class="col-md-11">
            {{-- <nav aria-label="breadcrumb"><ol id="w0" class="page-title-right breadcrumb"><li class="breadcrumb-item"><a href=""></a></li>
                <li class="mb-4" aria-current="page"></li>
                </ol></nav> --}}

        <h3 class="page-title"><strong>Hubungi Kami</strong></h3>
    </div>
        </div>
    <div class="row">
        <div class="col-md-1"></div>
                <div class="col-md-7 mx-0 mb-4 mb-md-0">


            @if(session('status'))
             <div class="alert alert-success">
            {{ session('status') }}
            </div>
            @endif
            <div class="card">
            <div class="card-header text-center font-weight-bold">
            <h2>Hubungi Kami</h2>
            </div>
            <div class="card">
                <div class="card-header text-center font-weight-bold">

                </div>

                    <div class="card-body">
                        <form name="captcha-contact-us" id="captcha-contact-us" method="post" action="{{url('/fhubungi_tambah')}}">

                    @csrf

                    @if (count($errors) > 0)
                            <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                            </ul>
                            @endif

                            <p>
                                {!! Form::label('name', 'Nama', array('class' => 'col-md-6 control-label')) !!}
                                {!! Form::text('name', NULL, array('id' => 'name', 'class' => "form-control", 'placeholder' => 'Isikan Nama ','required'=>'required')) !!}
                            </p>
                            <p>
                                {!! Form::label('email', 'Email', array('class' => 'col-md-6 control-label')) !!}
                                {!! Form::email('email', NULL, array('id' => 'email', 'class' => 'form-control', 'placeholder' => 'Isikan @ email','required'=>'required')) !!}
                            </p>
                            <p>
                                {!! Form::label('kontak', 'No. Hp', array('class' => 'col-md-6 control-label')) !!}
                                {!! Form::number('kontak', NULL, array('id' => 'kontak', 'class' => 'form-control', 'placeholder' => 'Nomor Hp','required'=>'required')) !!}
                            </p>
                            <p>
                                {!! Form::label('alamat', 'Alamat', array('class' => 'col-md-6 control-label')) !!}
                                {!! Form::text('alamat', NULL, array('id' => 'domisili', 'class' => 'form-control', 'placeholder' => 'Domisili Tempat Tinggal','required'=>'required')) !!}
                            </p>
                            <p>
                                {!! Form::label('pertanyaan', 'Saran dan Pendapat', array('class' => 'col-md-6 control-label')) !!}
                                {!! Form::textarea('pertanyaan', NULL, array('id' => 'pertanyaan', 'class' => 'form-control', 'placeholder' => 'Tuliskan saran','required'=>'required')) !!}
                            </p>

                            {{-- <div class="form-group mt-4 mb-4">
                                <div class="captcha">
                                    <span>{!! captcha_img() !!}</span>
                                    <button type="button" class="btn btn-danger" class="reload" id="reload" >
                                        ↻
                                    </button>
                                </div>
                            </div> --}}

                                <div class="form-group mb-4">
                                    <input id="captcha" type="text" class="form-control" placeholder="Enter Captcha" name="captcha">
                                </div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>
            </div>

            {{-- AGENDA --}}

              {{-- Akhir --}}
            </div>



</div>
<div>
    @include('frontend.layout.agenda')
</div>
</div>
</div>


@endsection

@section('content')

@endsection
@push('scripts')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
    $('#reload').click(function () {
        $.ajax({
            type: 'GET',
            url: 'reload-captcha',
            success: function (data) {
                $(".captcha span").html(data.captcha);
            }
        });
    });
</script>
@endpush