@extends('admin.layouts.app')

@section('content')
<div class="container-scroller">
    @include('admin.layouts.topbar')
    <div class="container-fluid page-body-wrapper">
        @include('admin.layouts.nav')
        <div class="main-panel">
            <div class="content-wrapper">
                <div class="row">
                    <div class="col-md-12 grid-margin">
                    <div class="row">
                        <div class="col-12 col-xl-8 mb-xl-0">
                            <h3 class="font-weight-bold">Create Parking</h3>
                        </div>
                        <div class="col-12 col-xl-4">
                            <div class="justify-content-between d-flex">
                                <div class="flex-md-grow-1 flex-xl-grow-0">
                                    <a href="{{ route('admin.parking.index') }}" class="btn btn-outline-danger" type="button">Go Back</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-md-8">
                            <div class="card shadow-sm border-0">
                                <div class="card-header bg-primary text-white py-3">
                                    <h5 class="mb-0 fw-bold"><i class="bi bi-pencil-square me-2"></i>Create Parking Profile</h5>
                                </div>
                                <div class="card-body p-4">
                                    <form action="{{ route('admin.parking.store') }}" method="POST" enctype="multipart/form-data" id="parkingForm">
                                        @csrf
        
                                        <div class="row g-3">
                                            <div class="col-md-12">
                                                <label class="form-label fw-semibold">Image <span class="text-danger">*</span></label>
                                                <input type="file" name="image" class="form-control @error('image') is-invalid @enderror">
                                                @error('image') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
                                            <div class="col-md-12 mt-3">
                                                <label class="form-label fw-semibold">Parking Name <span class="text-danger">*</span></label>
                                                <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" 
                                                    value="{{ old('name') }}" placeholder="ABC Parking">
                                                @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">Contact Number <span class="text-danger">*</span></label>
                                                <input type="tel" name="contact_number" class="form-control @error('contact_number') is-invalid @enderror" 
                                                    value="{{ old('contact_number') }}" placeholder="9876543210">
                                                @error('contact_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
    
        
                                            <div class="col-12 mt-3">
                                                <label class="form-label fw-semibold">Address <span class="text-danger">*</span></label>
                                                <textarea name="address" class="form-control @error('address') is-invalid @enderror" rows="3">{{ old('address') }}</textarea>
                                                @error('address') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">State <span class="text-danger">*</span></label>
                                                <select name="state_id" id="state_id" class="text-dark form-control form-select @error('state_id') is-invalid @enderror">
                                                    <option value="">Select State</option>
                                                    @foreach($states as $state)
                                                        <option value="{{ $state->id }}" {{ old('state_id') == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
        
                                            <div class="col-md-6 mt-3">
                                                <label class="form-label fw-semibold">District <span class="text-danger">*</span></label>
                                                <select name="district_id" id="district_id" class="text-dark form-control form-select @error('district_id') is-invalid @enderror">
                                                    <option value="">Select District</option>
                                                    @foreach($districts as $district)
                                                        <option value="{{ $district->id }}" {{ old('district_id') == $district->id ? 'selected' : '' }}>{{ $district->name }}</option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="col-md-12 row mt-3">
                                                <div class="col">
                                                    <div class="form-check form-check-flat form-check-success">
                                                        <label class="form-check-label">
                                                        <input type="checkbox" name="opening_hours[24_hrs]" class="form-check-input"> is 24 Hrs?<i class="input-helper"></i></label>
                                                    </div>
                                                </div>
                                                @php
                                                    $openingArray = [
                                                        "12 AM",
                                                        "1 AM",
                                                        "2 AM",
                                                        "3 AM",
                                                        "4 AM",
                                                        "4:30 AM",
                                                        "4:45 AM",
                                                        "5 AM",
                                                        "5:30 AM",
                                                        "5:45 AM",
                                                        "6 AM",
                                                        "6:30 AM",
                                                        "6:45 AM",
                                                        "7 AM",
                                                        "8 AM",
                                                        "9 AM",
                                                        "10 AM",
                                                        "11 AM",
                                                    ];
                                                    $closingArray = [
                                                        "4 PM",
                                                        "5 PM",
                                                        "6 PM",
                                                        "7 PM",
                                                        "8 PM",
                                                        "9 PM",
                                                        "9:30 PM",
                                                        "9:45 PM",
                                                        "10 PM",
                                                        "10:30 PM",
                                                        "10:45 PM",
                                                        "11 PM",
                                                        "11:30 PM",
                                                        "11:45 PM",
                                                    ];
                                                @endphp
                                                <div class="col">
                                                    <label class="form-label fw-semibold">Opens at</label>
                                                    <select name="opening_hours[opening]" class="text-dark form-control form-select">
                                                        <option value="">Select Time</option>
                                                        @foreach($openingArray as $value)
                                                            <option value="{{ $value }}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col">
                                                    <label class="form-label fw-semibold">Closes at</label>
                                                    <select name="opening_hours[closing]" class="text-dark form-control form-select">
                                                        <option value="">Select Time</option>
                                                        @foreach($closingArray as $value)
                                                            <option value="{{ $value }}">{{ $value }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
        
                                            <div class="col-md-12 mt-3">
                                                <label class="form-label fw-semibold">Category <span class="text-danger">*</span></label>
                                                <div class="row g-3">
                                                    @foreach($services as $cat)
                                                        <div class="col">
                                                            <div class="form-check form-check-flat form-check-success">
                                                                <label class="form-check-label">
                                                                <input type="checkbox" name="parking_service_ids[]" value="{{ $cat->id }}" class="form-check-input"> {{ $cat->name }} <i class="input-helper"></i></label>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
        
                                            <div class="col-12 border-top pt-3 mt-3">
                                                <div class="d-flex justify-content-between align-items-center mb-2">
                                                    <label class="form-label fw-semibold mb-0">Business Location</label>
                                                </div>
                                                <div class="row g-2">
                                                    <div class="col-6">
                                                        <input type="text" name="latitude" id="lat" class="form-control" placeholder="Latitude" value="{{ old('latitude') }}">
                                                    </div>
                                                    <div class="col-6">
                                                        <input type="text" name="longitude" id="lng" class="form-control" placeholder="Longitude" value="{{ old('longitude') }}">
                                                    </div>
                                                </div>
                                            </div>
        
                                            <div class="col-12 mt-4">
                                                <button type="submit" class="btn btn-primary w-100 py-2 fw-bold" id="submitBtn">
                                                    Create Parking
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection