@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0" style="font-weight:600;">
        <i class="fas fa-hashtag me-2" style="color:var(--admin-primary)"></i>
        {{ isset($page) ? 'Edit Page' : 'Create Page' }}
    </h5>
    <a href="{{ route('pages.index') }}" class="btn-admin-outline"><i class="fas fa-arrow-left me-1"></i> Back</a>
</div>
@php
    $pages = [
        'home'              => 'Home',
        'india-tour'        => 'India Tour',
        'desert-camping'    => 'Desert Camping',
        'theme-based'      => 'Theme Based',
        'student-tour'     => 'Student Tour',
        'international-tour' => 'International Tour',
        'transport-service'=> 'Transport Service',
        'gallery'          => 'Gallery',
        'guest-feedback'   => 'Guest Feedback',
        'about-us'         => 'About Us',
        'contact-us'       => 'Contact Us',
        'faq'              => 'FAQ',
        'privacy-policy'   => 'Privacy Policy',
        'terms-conditions' => 'Terms & Conditions',
        'refund-policy'    => 'Refund Policy'
    ];
@endphp

<div class="admin-card">
    <div class="admin-card-body">
        @include('partials.errors')

        <form action="{{ isset($page) ? route('pages.update', $page->id) : route('pages.store') }}"
              method="POST" class="admin-form">
            @csrf
            @if (isset($page))
                @method('PUT')
            @endif

             <div class="mb-3">
                <label for="page_key" class="form-label">Page Name</label>
            
                <select id="page_key" class="form-control" name="page_key" required>
                    <option value="">Select Page</option>
            
                    @foreach($pages as $key => $pageName)
                        <option value="{{ $key }}"
                            {{ old('page_key', $page->page_key ?? '') == $key ? 'selected' : '' }}>
                            {{ $pageName }}
                        </option>
                    @endforeach
                </select>
            </div>
            
              <div class="mb-3">
                <label for="meta_description" class="form-label">
                     Description
                </label>

                <textarea
                    id="meta_description"
                    class="form-control"
                    name="meta_description"
                    rows="4"
                    placeholder=""
                >{{ old('meta_description', isset($page) ? $page->meta_description : '') }}</textarea>
            </div>

            <button type="submit" class="btn-admin-primary">
                <i class="fas fa-save me-1"></i>
                {{ isset($page) ? 'Update Page' : 'Add Page' }}
            </button>
        </form>
    </div>
</div>
@endsection