@extends('admin.layouts.app')
@section('content')

<div class="container py-4">
    <div class="row g-4">
        <!-- Left Side: Blog Post Form -->
        <div class="col-md-12">
            <div class="bg-white p-4 rounded shadow-sm border">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="h4 mb-4 text-dark">
                            {{ isset($contact_edit) ? 'Edit Contact Page' : 'Add Contact Page' }}
                        </h4>

                        <form class="needs-validation" method="post" action="{{ isset($contact_edit) ? route('update_contact_page', $contact_edit->id) : route('store_contact_page') }}" enctype="multipart/form-data">
                            @csrf
                            @isset($contact_edit)
                            @method('PUT')
                            @endisset

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Section Title</label>
                                        <input type="text" name="section_heading" placeholder="Enter title" class="form-control @error('section_heading') is-invalid @enderror" value="{{ old('section_heading',isset($contact_edit) ? $contact_edit->section_heading : '' )}}">

                                        @error('section_heading')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Section Sub Title</label>
                                        <input type="text" name="section_content" placeholder="Enter sub title" class="form-control @error('section_content') is-invalid @enderror" value="{{ old('section_content',isset($contact_edit) ? $contact_edit->section_content : '' )}}">

                                        @error('section_content')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Office Address</label>
                                        <input type="text" name="office_address" placeholder="Enter Office Address" class="form-control @error('office_address') is-invalid @enderror" value="{{ old('office_address',isset($contact_edit) ? $contact_edit->office_address : '' )}}">

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

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Email</label>
                                        <input type="email" name="office_email" placeholder="Enter email address" class="form-control @error('office_email') is-invalid @enderror" value="{{ old('office_email',isset($contact_edit) ? $contact_edit->office_email : '' )}}">

                                        @error('office_email')
                                            <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Business Hour</label>
                                        <input type="text" name="business_hour" placeholder="Enter business hours" class="form-control @error('business_hour') is-invalid @enderror" value="{{ old('business_hour',isset($contact_edit) ? $contact_edit->business_hour : '' )}}">

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

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Office Phone</label>
                                        <input type="phone" name="office_phone" placeholder="Enter phone number" class="form-control @error('office_phone') is-invalid @enderror" value="{{ old('office_phone',isset($contact_edit) ? $contact_edit->office_phone : '' )}}">

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


                                {{-- <div class="col-md-12">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label text-capitalize" for="page_desc">Business Hour
                                        </label>
                                        <textarea id="business_hour" name="business_hour" cols="30" rows="10" class="@error('business_hour') is-invalid @enderror">
                                        {{ old('business_hour',isset($contact_edit) ? $contact_edit->business_hour : '' )}}
                                        </textarea>

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

                            </div>

                            <!-- Submit -->
                            <button class="btn btn-{{ isset($contact_edit) ? 'primary' : 'success' }}">
                                {{ isset($contact_edit) ? 'Update' : 'Create' }}
                            </button>

                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Right Side: Category List -->
        <div class="col-md-12">
            <div class="card mb-4 mt-4">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title">Contact Page List</h3>
                    </div>
                </div> <!-- /.card-header -->
                <div class="card-body p-0">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 20px">#</th>
                                <th class="text-center">Office Address</th>
                                <th class="text-center">Email</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($contacts as $key=>$contact)
                            <tr class="align-middle">
                                <td class="text-center">{{$key+1}}</td>
                                <td class="text-center">{{ $contact->office_address }}</td>
                                <td class="text-center">{{ $contact->office_email }}</td>
                                <td class="text-center">
                                    <form action="{{ route('contact_page_toggleStatus',$contact->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to change the status?');">
                                        @csrf
                                        @method('PATCH')
                                        <button type="submit" class="btn btn-sm {{ $contact->status == 1 ? 'btn-success' : 'btn-secondary' }}">
                                            {{ $contact->status == 1 ? 'Active' : 'Suspended' }}
                                        </button>
                                    </form>
                                </td>
                                <td class="text-center">
                                    <a href="{{ route('edit_contact_page',$contact->id) }}" class="btn btn-sm btn-warning">Edit</a>

                                    <form action="{{ route('destroy_contact_page', $contact->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $contacts->links() }}
                </div> <!-- /.card-body -->
            </div> <!-- /.card -->
        </div>


    </div>
</div>
@endsection