@extends('Admin.layout.app')
@section('content')
<section id="search" class="my-3">
    <div class="container-fluid">
        <div class="card shadow border mb-4">
            <div class="card-header pink-text">Create Airportinfo</div>
            <div class="card-body">
                <!-- Start of Form -->
                <form action="{{ route('airportinfo.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf

                    <!-- First Row: Title, Banner Title -->
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='title' class="form-control" placeholder="Enter Airport Title" value="{{ old('title') }}"/>
                                <label for="floatingInputTitle">Title</label>
                                @error('title')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='banner_title' class="form-control" placeholder="Enter Banner Title" value="{{ old('banner_title') }}"/>
                                <label for="floatingInputBannerTitle">Banner Title</label>
                                @error('banner_title')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                   

                    <!-- Second Row: URL, Background CSS Class -->
                   
                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='url' class="form-control" placeholder="Enter URL" value="{{ old('url') }}"/>
                                <label for="floatingInputURL">URL</label>
                                @error('url')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                 </div>

                       

                    <!-- Third Row: Meta Title, Meta Keyword -->
                    <div class="row mb-3">

                    <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='banner_description' class="form-control" placeholder="Enter Banner Description" value="{{old('banner_description')}}"/>
                                <label for="floatingInputbannerdescription">Banner Description</label>
                                @error('banner_description')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='meta_title' class="form-control" placeholder="Enter Meta Title" value="{{old('meta_title')}}"/>
                                <label for="floatingInputMetaTitle">Meta Title</label>
                                @error('meta_title')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='meta_keyword' class="form-control" placeholder="Enter Meta Keyword" value="{{old('meta_keyword')}}"/>
                                <label for="floatingInputMetaKeyword">Meta Keyword</label>
                                @error('meta_keyword')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>


                         <!-- Third Row: Meta Title, Meta Keyword -->
                         <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <select name="country" id="country"  class="form-control">
                                    <option value="">Select Country</option>
                                    @foreach ($countries  as $item )
                                       <option value="{{$item->id}}"@selected(old('country') == $item->id)>{{$item->title}}</option> 
                                    @endforeach
                                </select>
                                <label for="floatingInputcountry">Country</label>
                                @error('country')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating">
                                <input type="text" name='state' class="form-control" placeholder="State Name" value="{{old('state')}}"/>
                                <label for="floatingInputstate">State</label>
                                @error('state')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <!--city row-->

                    
                         <!-- Third Row: Meta Title, Meta Keyword -->
                         <div class="row mb-3">
                         <div class="col-md-6">
                            <div class="form-floating">
                                <input type="text" name='airport_name' class="form-control" placeholder="Airport Name" value="{{old('airport_name')}}"/>
                                <label for="floatingInputairportName">Airport Name</label>
                                @error('airport_name')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating">
                                <select name="is_city" id="is_city" class="form-control">
                                    <option value="1" @selected(old('is_city') == true)>True </option>
                                    <option value="0" @selected(old('is_city') == false)>False </option>
                                </select>
                                <label for="floatingInputiscity"> Is city?</label>
                                @error('is_city')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
    <div class="col-md-6">
        <div class="form-floating">
            <textarea name="og_tags" class="form-control" placeholder="Enter og tags" style="height: 150px;">{{ old('og_tags') }}</textarea>
            <label for="floatingInputogtags">Og tags</label>
            @error('og_tags')
                <span class="text-danger p-1">{{ $message }}</span>
            @enderror
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-floating">
            <textarea name="ja_script" class="form-control" placeholder="Script" style="height: 150px;">{{ old('ja_script') }}</textarea>
            <label for="floatingInputscript">Script</label>
            @error('ja_script')
                <span class="text-danger p-1">{{ $message }}</span>
            @enderror
        </div>
    </div>
</div>



                    <!--end city row-->
              

                    <!-- Full-Width Text Areas: Short Description and Meta Description -->
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" placeholder="Short Description" name="short_description" id="short_description">{{old('short_description')}}</textarea>
                                <label for="floatingInputShortDescription">Short Description</label>
                              
                                @error('short_description')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                           
                        </div>
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" name="meta_description" id="meta_description" placeholder="Meta Description">{{old('meta_description')}}</textarea>
                                <label for="floatingInputMetaDescription">Meta Description</label>
                                @error('meta_description')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" name="description" id="description" placeholder="Please Enter Description">{{old('description')}}</textarea>
                                <label for="floatingInputDescription">Description</label>
                                @error('description')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" name="location" id="location" placeholder="Please Enter Airport Location">{{old('location')}}</textarea>
                                <label for="floatingInputLocation">Airport Location</label>
                            </div>
                        </div>
                    </div>

                    <!-- Image Upload Section -->
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" name="faq" id="faq" placeholder="Please Enter Faq">{{old('faq')}}</textarea>
                                <label for="floatingInputfaq">Faq</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                        <div class="form-floating">
                                <textarea class="form-control" name="service_section" id="service" placeholder="Please Enter Service section">{{old('service_section')}}</textarea>
                                <label for="floatingInputservice">Service section</label>
                            </div>
                        </div>
                    </div>

                    <!-- Submit Button -->
                    <div class="row mb-3">
                       

                        <div class="col-md-6">
                            <div class="form-floating">
                            <input type="file" name="image" class="form-control" id="image" aria-describedby="image" aria-label="Upload" accept="image/*" onchange="loadFile(event)"/>
                                @error('image')
                    <span class="text-danger p-1">{{ $message }}</span>
                    @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn pink-bg text-white">Create</button>
                        </div>
                    </div>

                </form>
                <!-- End of Form -->
            </div>
        </div>
    </div>
</section>
@endsection
@push('script')
<script src="https://cdn.tiny.cloud/1/x71lspwx2b4z0eppj01ik96r0xl0rjc5frwhr8mqziuq4yz9/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
<script>
    tinymce.init({
      selector: 'textarea#description',
      plugins: ['code'],
    });

    tinymce.init({
      selector: 'textarea#location',
      plugins: ['code'],
    });

    tinymce.init({
      selector: 'textarea#faq',
      plugins: ['code'],
    });

    tinymce.init({
      selector: 'textarea#service',
      plugins: ['code'],
    });
  </script>
@endpush