@extends('admin.layouts.layouts')

@section('title', 'Contact Us')

@section('content')
   <div class="page-header">
        <h3 class="page-title">Contact Us</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item">CMS</li>
                <li class="breadcrumb-item" aria-current="page">Contact Us</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">
                {!! Form::open([
                    'route' => 'contact-us.update',
                    'method' => 'POST',
                    'id' => 'validate_form_contact_us',
                    'class' => 'forms-sample',
                    'enctype' => 'multipart/form-data',
                ]) !!}
                    @csrf
                    <div class="card-body">
                        <input type="hidden" name="id" id="id" value="{{ $contactUs->id ?? '' }}">

                        <div class="row">

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="name" class="form-label">Name <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="name" id="name" class="form-control onlytxt"
                                        placeholder="Enter Name" value="{{ old('name', $contactUs->name ?? '') }}" data-parsley-required
                                        data-parsley-trigger='keyup' data-parsley-required-message="Please enter name"
                                        data-parsley-pattern='^[a-zA-Z_ ]*$'
                                        data-parsley-pattern-message='Only alphabets are allowed'>
                                    <span class="text-danger" id="name_error">{{ $errors->first('name') }}</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="mobile" class="form-label">Mobile <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="mobile" id="mobile" class="form-control mobile"
                                        placeholder="Enter Mobile" value="{{ old('mobile', $contactUs->mobile ?? '') }}"
                                        data-parsley-required data-parsley-trigger="keyup" data-parsley-type="digits"
                                        data-parsley-required-message='Please enter mobile'
                                        data-parsley-minlength="10"
                                        data-parsley-minlength-message="Mobile at least 10 characters long" maxlength="15" data-parsley-maxlength="15"
                                        data-parsley-maxlength-message="Mobile may not be greater than 15 character"
                                        oninput="this.value=this.value.slice(0,this.maxLength)"
                                        data-parsley-type-message="Please enter valid mobile">
                                    <span class="text-danger" id="mobile_error">{{ $errors->first('mobile') }}</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="email" class="form-label">Email <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="email" id="email" class="form-control"
                                        placeholder="Enter Email" value="{{ old('email', $contactUs->email ?? '') }}"
                                        data-parsley-trigger="keyup"
                                        data-parsley-required=""
                                        data-parsley-type="email"
                                        data-parsley-pattern="^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,}$"
                                        data-parsley-pattern-message="{{ __('messages.custom.email_pattern_messages') }}"
                                        data-parsley-type-message="Please enter valid email"
                                        data-parsley-required-message="Please enter email"
                                        data-parsley-validate-full-width-characters="true">
                                    <span class="text-danger" id="email_error">{{ $errors->first('email') }}</span>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="address" class="form-label">Address <span
                                            class="text-danger">*</span></label>
                                    <textarea name="address" id="address" rows="6" placeholder="Enter Address" class="form-control"
                                        data-parsley-required data-parsley-trigger='keyup' data-parsley-required-message="Please enter address"
                                        data-parsley-errors-container='#address_error'>{{ old('address', $contactUs->address ?? '') }}</textarea>
                                    <span class="text-danger" id="address_error">{{ $errors->first('address') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary mr-2" id="updateContactUs">Update</button>
                        <a href="{{ route('transporter.index') }}" class="btn btn-light">Cancel</a>
                    </div>

                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        var contactUsUpdate = "{{ route('contact-us.update') }}";
    </script>
    <script src="{{ asset('assets/js/admin/terms-and-condition.js') }}?time={{ time() }}"></script>
@endsection