@extends('Admin.layout')

@section('content')
    <div class="page-header mb-4">

        <div class="d-flex align-items-center gap-3">

            <div class="d-flex align-items-center gap-3">
                <a href="{{ route('contact') }}" class="back-btn" title="Back to Bookings">

                    <i class="fas fa-chevron-left"></i>

                </a>
            </div>

            <div>

                <h4 class="fw-bold mb-1">
                    Edit Contact Information
                </h4>


            </div>

        </div>


        <!-- Form Card -->

        <div class="card">

            <div class="card-header">

                <h5 class="mb-0">
                    Contact Details
                </h5>

            </div>


            <div class="card-body">

                <form action="{{ route('update_contact') }}" method="POST" id="contactForm">

                    @csrf
                    <input type="hidden" name="contact_id" value="{{ $contact->contact_id }}">



                    <div class="row g-4">


                        <!-- Address -->

                        <div class="col-12">

                            <label class="form-label fw-semibold">
                                Address
                            </label>

                            <textarea name="address" class="form-control @error('address') is-invalid @enderror" rows="3" required>{{ old('address', $contact->address ?? '') }}</textarea>

                            @error('address')
                                <div class="text-danger small mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Office Phone -->

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

                            <label class="form-label fw-semibold">
                                Office Phone
                            </label>

                            <input type="tel" name="phone_office"
                                class="form-control @error('phone_office') is-invalid @enderror"
                                value="{{ old('phone_office', $contact->phone_office ?? '') }}" placeholder="04652 357196"
                                inputmode="numeric">

                            @error('phone_office')
                                <div class="text-danger small mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Email -->

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

                            <label class="form-label fw-semibold">
                                Email
                            </label>

                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                                value="{{ old('email', $contact->email ?? '') }}" placeholder="example@gmail.com">

                            @error('email')
                                <div class="text-danger small mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Opening Days -->

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

                            <label class="form-label fw-semibold">
                                Opening Days
                            </label>

                            <input type="text" name="opening_days"
                                class="form-control @error('opening_days') is-invalid @enderror"
                                value="{{ old('opening_days', $contact->opening_days ?? '') }}"
                                placeholder="Monday - Saturday">
                            @error('opening_days')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Opening Hours -->

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

                            <label class="form-label fw-semibold">
                                Opening Hours
                            </label>

                            <input type="text" name="opening_hours"
                                class="form-control @error('user_type') is-invalid @enderror"
                                value="{{ old('opening_hours', $contact->opening_hours ?? '') }}"
                                placeholder="9:30 AM - 7:00 PM">

                            @error('user_type')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Google Maps -->

                        <div class="col-12">

                            <label class="form-label fw-semibold">
                                Google Maps URL
                            </label>

                            <textarea name="map_url" class="form-control @error('map_url') is-invalid @enderror" rows="3"
                                placeholder="Paste Google Maps embed URL or iframe URL">{{ old('map_url', $contact->map_url ?? '') }}</textarea>
                            @error('map_url')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>


                        <!-- Facebook -->

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

                            <label class="form-label fw-semibold">
                                Facebook URL
                            </label>

                            <input type="text" name="facebook_url"
                                class="form-control @error('facebook_url') is-invalid @enderror"
                                value="{{ old('facebook_url', $contact->facebook_url ?? '') }}"
                                placeholder="https://facebook.com/...">
                            @error('facebook_url')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- Instagram -->

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

                            <label class="form-label fw-semibold">
                                Instagram URL
                            </label>

                            <input type="text" name="instagram_url"
                                class="form-control @error('instagram_url') is-invalid @enderror"
                                value="{{ old('instagram_url', $contact->instagram_url ?? '') }}"
                                placeholder="https://instagram.com/...">
                            @error('instagram_url')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        <!-- WhatsApp -->

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

                            <label class="form-label fw-semibold">
                                WhatsApp Number
                            </label>

                            <input type="tel" name="whatsapp_number"
                                class="form-control @error('whatsapp_number') is-invalid @enderror"
                                value="{{ old('whatsapp_number', $contact->whatsapp_number ?? '') }}"
                                placeholder="919087736353" inputmode="numeric" pattern="[0-9]*" maxlength="10">
                            @error('whatsapp_number')
                                <div class="text-danger mt-1">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                    </div>


                    <!-- Buttons -->

                    <div class="d-flex justify-content-end gap-2 mt-4">

                        <a href="{{ route('contact') }}" class="btn btn-outline-secondary">

                            Cancel

                        </a>

                        <button type="submit" class="btn btn-primary" id="saveContactBtn">

                            <i class="bi bi-check-lg me-1"></i>

                            Save Changes

                        </button>

                    </div>

                </form>

            </div>

        </div>

    </div>
@endsection


@section('scripts')
    <script>
        document.getElementById('saveContactBtn').addEventListener('click', function(e) {
            e.preventDefault(); // ✅ prevent double submit
            let btn = this;
            btn.disabled = true;
            btn.innerText = 'Saving...';
            document.getElementById('contactForm').submit();
        });
    </script>
@endsection