@extends('layouts.app')

@section('title', 'Request Quote')
@section('styles')
@endsection
@section('content')
    <div class="col-md-12 m-auto submission-box register-page mobile-space">
        @include('includes.alerts')
        <h4 class="mb-5 text-center ">HOW TO BOOK A MODEL/TALENT</h4>
        <div class="d-flex flex-wrap col-md-12 m-auto mt-3 pad-off pl-5 pr-4">

            <div class="col-md-6">

                <p class="text-justify text-16">The Peak Agency can help with any model or talent booking needs
                    you may
                    have, including:</p>


                <ul class="m-0 p-0 ml-3 mb-3">
                    <li> Print/Editorial </li>
                    <li> Commercials (Principal talent, non-speaking principal talent, voice talent, extras)
                    </li>
                    <li> Promotional event staffing/Brand Ambassadors
                    </li>
                    <li> Training Videos/Infomercials
                    </li>
                    <li> Film/Theater
                    </li>
                    <li> Runway Models

                    </li>
                </ul>
                <p class="text-justify text-16">If we don't have exactly what you're looking for, we'll help you
                    find
                    the right model/talent.</p>
                <p class="text-justify text-16">
                    {{--  To book a model or talent by phone please email Steve Myers at
                    <strong>smyers@thepeakagency</strong> or by calling
                    The Peak Agency at 515-279-4988.  --}}


                    To book talent, please email agency director, Steve Myers at <strong>smyers@thepeakagency.com</strong> or by calling The Peak
                    Agency at 515-279-4988
                </p>
                <p class="text-justify text-16"><strong>You may also submit a booking request by simply filling
                        out the
                        booking request form on the right.</strong></p>
                <p class="text-justify text-16">Once received, we will contact you with additional
                    questions/details to
                    help get your project booked!</p>
                <p class="text-justify text-16">To view/search models and talent click on the button below.</p>
                {{--  <p class="text-justify text-16">You must have a client account to view/search model and talent.
                </p>
                <p class="text-justify text-16 mb-3">If you do not have a client account you can&nbsp;<strong><a
                            href="{{ route('new-submission') }}">CLICK HERE</a></strong> to request one.</p>  --}}
                <div class="col-md-6 p-0 pt-3"><a href="{{ route('search-talent') }}" type="submit"
                        class="all-btn col-md-3 text-white text-18 p-3 border-radius m-auto text-center d-block">Search
                        Talent</a></div>
            </div>
            <div class="col-md-6">
                {{--  @include('includes.alerts')  --}}
                <div class="grey-back p-2 m-auto book-responsive col-md-12">
                    <div class="pt-3">
                        <div class="text-center ">
                            <p class="text-22"><b>Request To Book</b></p>
                        </div>
                    </div>

                    <form class="col-md-12 m-auto p-3" method="post" id="booking-request"
                        action="{{ route('booking-request') }}">
                        @csrf
                        <div class="form-group position-relative">
                            <label><strong>Full Name </strong> <span class="text-danger">*</span></label>
                            <input type="text"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3"
                                name="name" id="name">
                        </div>

                        <div class="form-group position-relative ">
                            <label><strong>Company Name </strong> <span class="text-danger">*</span></label>
                            <input type="text"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                name="company_name" id="company_name">
                        </div>
                        <div class="form-group position-relative ">
                            <label><strong>E-Mail</strong> <span class="text-danger">*</span></label>
                            <input type="text"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                name="email" id="email" placeholder="">
                        </div>
                        <div class="form-group position-relative ">
                            <label><strong>Phone Number</strong> <span class="text-danger">*</span></label>
                            <input type="text"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                name="phone" id="phone" placeholder="">
                        </div>
                        <div class="form-group position-relative ">
                            <label><strong>Comment or Message</strong> <span class="text-danger">*</span></label>
                            <textarea id="comment" name="comment"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                style="border: 1px solid #000;"></textarea>
                        </div>
                        <div class="form-group position-relative  placeholder-bold">
                            <label><strong>Select Job Type</strong></label>
                            <select name="jobtype_id" id="jobtype_id"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none "
                                style="border:none;">
                                <option value=""></option>
                                @foreach ($jobTypes as $jobType)
                                    <option value="{{ $jobType->id }}">{{ $jobType->name }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group position-relative">
                            <label><strong>Model/Talent Budget</strong></label>
                            <input type="text"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                name="budget" id="budget">
                        </div>

                        <div class="">
                            <label><strong>Job Description</strong></label>
                            <textarea id="job_description" name="job_description"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                stylbooking-requeste="border: 1px solid #000;"></textarea>
                            <p class=" text-16 mt-2">Please provide a brief description of the job.</p>
                        </div>

                        <div class="">
                            <label><strong>Models/Talent</strong></label>
                            <textarea id="model_talent_description" name="model_talent_description"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                style="border: 1px solid #000;"></textarea>
                            <p class="text-16 mt-2">Please describe what you are looking for, giving any
                                details, such as age, gender, height, physical attributes ethnic diversity, etc.
                                If you know the name(s) of the model(s) or talent that you would like to
                                possibly use, please list them below.</p>
                        </div>

                        <div class="">
                            <label><strong>Schedule &amp; Location</strong></label>
                            <textarea id="schedule_location_description" name="schedule_location_description"
                                class="form-control border-top-0 border-right-0 border-left-0 rounded-0 shadow-none pb-3 "
                                style="border: 1px solid #000;"></textarea>
                        </div>
                        <div class=" mt-4">
                            <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.sitekey') }}"
                                data-callback="recaptchaCallback"></div>
                            <input type="hidden" class="hiddenRecaptcha required mt-3" name="hiddenRecaptcha"
                                id="hiddenRecaptcha">
                        </div>
                        <div class=" text-center mt-4">
                            <button type="submit"
                                class="btn btn-block shadow border-0 py-2 col-md-12 m-auto border-radius">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script>
    <script src="{{ asset('assets/frontend/js/booking-request.js') }}"></script>
    <script src="{{ asset('assets/frontend/js/upload-pic.js') }}"></script>
@endsection