@extends('Admin.layout.app')

@section('content')
<section id="edit-airportinfo">
    <div class="container-fluid my-3">
        <div class="card shadow border mb-4">
            <div class="card-header">Update Airport Info</div>
            <div class="card-body">
                <form action="{{ route('airportinfo.update', [$airportinfo->id]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <!-- Display errors -->
                    @if($errors->any())
                        {!! implode('', $errors->all('<div class="text-danger p-1">:message</div>')) !!}
                    @endif

                    <div class="row my-4">
                        <!-- Title -->
                        <div class="col-md-4 mb-2">
                            <div class="form-floating">
                                <input type="text" name="title" class="form-control" placeholder="Enter Airport Title" value="{{ $airportinfo->title }}" required>
                                <label for="title">Title</label>
                                @error('title')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

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

                        <div class="col-md-4 mb-2">
                            <div class="form-floating">
                                <input type="text" name="url" class="form-control" placeholder="Enter URL" value="{{ $airportinfo->url }}" required>
                                <label for="url">URL</label>
                                @error('url')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        </div>

<div class="row my-4">
                        <!-- Meta Title -->

                        <div class="col-md-4 mb-2">
                            <div class="form-floating">
                                <input type="text" name="banner_description" class="form-control" placeholder="Enter banner description" value="{{ $airportinfo->banner_description }}">
                                <label for="bannerdescription">City Banner Description</label>
                            </div>
                        </div>

                        <div class="col-md-4 mb-2">
                            <div class="form-floating">
                                <input type="text" name="meta_title" class="form-control" placeholder="Enter Meta Title" value="{{ $airportinfo->meta_title }}">
                                <label for="metatitle">Meta Title</label>
                            </div>
                        </div>

                        <!-- Meta Keyword -->
                        <div class="col-md-4 mb-2">
                            <div class="form-floating">
                                <input type="text" name="meta_keyword" class="form-control" placeholder="Enter Meta Keyword" value="{{ $airportinfo->meta_keyword }}">
                                <label for="metakeyword">Meta Keyword</label>
                            </div>
                        </div>
</div>


<div class="row my-4">
                        <!-- Meta Title -->
                        <div class="col-md-6 mb-2">
                            <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($airportinfo->country == $item->id)>{{$item->title}}</option> 
                                    @endforeach
                                </select>
                                <label for="countryName">Country</label>
                            </div>
                        </div>

                        <!-- Meta Keyword -->
                        <div class="col-md-6 mb-2">
                            <div class="form-floating">
                                <input type="text" name="state" class="form-control" placeholder="State Name" value="{{ $airportinfo->state }}">
                                <label for="stateName">State</label>
                            </div>
                        </div>
</div>


      <!--city edit-->
      <div class="row my-4">

                        <div class="col-md-6 mb-2">
                            <div class="form-floating">
                                <input type="text" name="airport_name" class="form-control" placeholder="Airport Name" value="{{ $airportinfo->airport_name }}">
                                <label for="airportName">Airport Name</label>
                            </div>
                        </div>

                        <div class="col-md-6 mb-2">
                            <div class="form-floating">
                                <select name="is_city" id="is_city" class="form-control">
                                    <option value="1" @selected($airportinfo->is_city == true)>True </option>
                                    <option value="0" @selected($airportinfo->is_city == false)>False </option>
                                </select>
                                <label for="is city">Is city</label>
                            </div>
                        </div>
</div>


<div class="row my-4">

    <div class="col-md-6 mb-2">
        <div class="form-floating">
            <textarea name="og_tags" class="form-control" placeholder="Og tags" style="height: 150px;">{{ $airportinfo->og_tags }}</textarea>
            <label for="og_tags">Og tags</label>
        </div>
    </div>

    <div class="col-md-6 mb-2">
        <div class="form-floating">
            <textarea name="ja_script" class="form-control" placeholder="Script" style="height: 150px;">{{ $airportinfo->ja_script }}</textarea>
            <label for="script">Script</label>
        </div>
    </div>

</div>

<!--end city-->
<div class="row my-4">
                        <div class="col-md-6 mb-2">
                        <label for="metakeyword" class="mb-1">Meta Description</label>
                            <div class="form-floating">
                        
                                <textarea class="form-control h-24" name="meta_description" id="meta_description" cols="30" rows="30">{{ $airportinfo->meta_description }}</textarea>
                            </div>
                        </div>

                        <!-- Short Description -->
                        <div class="col-md-6 mb-2">
                        <label for="short_description" class="mb-1">Short Description</label>

                            <div class="form-floating">
                                <textarea class="form-control h-24" name="short_description" id="short_description" cols="30" rows="10" required >{{ $airportinfo->short_description }}</textarea>
                                @error('short_description')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
</div>




    <!--summer note section-->


                            <div class="row my-4">

                            <div class="col-md-6">
                            <div class="form-floating">
                                <textarea class="form-control" name="description" id="description" placeholder="Please Enter Description">{{ $airportinfo->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">{{ $airportinfo->airport_location }}</textarea>
                                <label for="floatingInputLocation">Airport Location</label>
                            </div>
                        </div>
            </div>
       

<div class="row my-4">
                        <div class="col-md-6 mb-2">
                        <div class="form-floating">
                                <textarea class="form-control" name="faq" id="faq" placeholder="Please Enter Faq">{{$airportinfo->faq_description}}</textarea>
                                <label for="floatingInputfaq">Faq</label>
                            </div>
                        </div>

                        <!-- Upload Image -->
                        <div class="col-md-6 mb-2">
                        <div class="form-floating">
                                <textarea class="form-control" name="service_section" id="service" placeholder="Please Enter service section">{{$airportinfo->service_section}}</textarea>
                                <label for="floatingInputservice">Service</label>
                            </div>
                        </div>
                    </div>

                    <!-- Submit Button -->
                    <div class="row my-4">
                    <div class="col-md-6 mb-2">
                        <img style="width:15%" src="{{ Storage::url($airportinfo->image) }}" alt="Profile Image">

                            <div class="input-group">
                                <input type="file" name="image" class="form-control" id="inputGroupFile04" accept="image/*" onchange="loadFile(event)">
                            </div>
                            @error('image')
                                <span class="text-danger p-1">{{ $message }}</span>
                            @enderror
                        </div>
                    
                        
                        <div class="col-md-6 my-3 ms-4">
                            <button type="submit" class="btn pink-bg text-white">Update</button>
                        </div>
                    </div>
                </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