@extends('Admin.layout')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">


        {{-- Header --}}
        <div class="d-flex align-items-center gap-3 mb-4">

            <a href="{{ route('contact') }}" class="back-btn" title="Back to Bookings">

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

            </a>

            <div>

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

            </div>

        </div>




        {{-- Form --}}
        <div class="card">

            <div class="card-header">

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

            </div>


            <div class="card-body">

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

                    @csrf


                    <div class="row g-4">


                        {{-- Address --}}
                        <div class="col-12">

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

                            <textarea name="address" rows="3" class="form-control @error('address') is-invalid @enderror"
                                placeholder="Enter office address">{{ old('address') }}</textarea>

                            @error('address')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        {{-- Office Phone --}}
                        <div class="col-md-6">

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

                            <input type="text" name="phone_office" value="{{ old('phone_office') }}"
                                class="form-control @error('phone_office') is-invalid @enderror" placeholder="04652 357196">

                            @error('phone_office')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        {{-- Email --}}
                        <div class="col-md-6">

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

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

                            @error('email')
                                <div class="invalid-feedback">
                                    {{ $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" value="{{ old('opening_days') }}"
                                class="form-control @error('opening_days') is-invalid @enderror"
                                placeholder="Monday - Saturday">

                            @error('opening_days')
                                <div class="invalid-feedback">
                                    {{ $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" value="{{ old('opening_hours') }}"
                                class="form-control @error('opening_hours') is-invalid @enderror"
                                placeholder="9:30 AM - 7:00 PM">

                            @error('opening_hours')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        {{-- Google Maps --}}
                        <div class="col-12">

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

                            <textarea name="map_url" rows="3" class="form-control @error('map_url') is-invalid @enderror"
                                placeholder="Paste Google Maps URL">{{ old('map_url') }}</textarea>

                            @error('map_url')
                                <div class="invalid-feedback">
                                    {{ $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" value="{{ old('facebook_url') }}"
                                class="form-control @error('facebook_url') is-invalid @enderror"
                                placeholder="https://facebook.com/...">

                            @error('facebook_url')
                                <div class="invalid-feedback">
                                    {{ $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" value="{{ old('instagram_url') }}"
                                class="form-control @error('instagram_url') is-invalid @enderror"
                                placeholder="https://instagram.com/...">

                            @error('instagram_url')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror

                        </div>


                        {{-- WhatsApp --}}
                        <div class="col-md-6">

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

                            <input type="text" name="whatsapp_number" value="{{ old('whatsapp_number') }}"
                                class="form-control @error('whatsapp_number') is-invalid @enderror"
                                placeholder="919087736353">

                            @error('whatsapp_number')
                                <div class="invalid-feedback">
                                    {{ $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 Contact
                        </button>

                    </div>

                </form>

            </div>

        </div>


    </div>
@endsection

@section('scripts')
    <script>
        $(document).ready(function() {

            $('#contactForm').on('submit', function() {

                const button = $('#saveContactBtn');

                if (button.data('submitted')) {
                    return false;
                }

                button.data('submitted', true);

                button.prop('disabled', true);

                button.html(
                    '<span class="spinner-border spinner-border-sm me-1"></span> Saving...'
                );

            });

        });
    </script>
@endsection