@extends('layouts.admin')

@section('title', 'Add New Booking')

@section('content')
<div class="admin-page-header">
    <div>
        <h1 class="admin-page-title">Add New Booking</h1>
        <p class="admin-page-subtitle">Create a booking manually (e.g., when customer calls)</p>
    </div>
    <a href="{{ route('admin.bookings.index') }}" class="admin-btn admin-btn-secondary">
        <i class="fas fa-arrow-left mr-2"></i>Back to Bookings
    </a>
</div>

@if(session('error'))
    <div class="admin-alert admin-alert-danger">
        <i class="fas fa-exclamation-circle mr-2"></i>{{ session('error') }}
    </div>
@endif

<div class="admin-card">
    <form action="{{ route('admin.bookings.store') }}" method="POST">
        @csrf
        
        <div class="admin-form-group">
            <label for="room_id" class="admin-form-label">Room <span class="required">*</span></label>
            <select name="room_id" id="room_id" required class="admin-form-input">
                <option value="">-- Select Room --</option>
                @foreach($rooms as $room)
                    <option value="{{ $room->id }}" {{ old('room_id') == $room->id ? 'selected' : '' }}>
                        {{ $room->name }}@if($room->room_number) (Room #{{ $room->room_number }})@endif - ${{ number_format($room->price, 2) }}/night
                    </option>
                @endforeach
            </select>
            @error('room_id')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
            <p style="font-size: 12px; color: #6b7280; margin-top: 5px;">
                <i class="fas fa-info-circle"></i> Only approved rooms are available for booking.
            </p>
        </div>

        <div class="admin-form-group">
            <label for="full_name" class="admin-form-label">Full Name <span class="required">*</span></label>
            <input type="text" name="full_name" id="full_name" required 
                   class="admin-form-input" value="{{ old('full_name') }}" 
                   placeholder="Enter customer's full name">
            @error('full_name')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div class="admin-form-group">
            <label for="email" class="admin-form-label">Email <span class="required">*</span></label>
            <input type="email" name="email" id="email" required 
                   class="admin-form-input" value="{{ old('email') }}" 
                   placeholder="customer@example.com">
            @error('email')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div class="admin-form-group">
            <label for="phone" class="admin-form-label">Phone <span class="required">*</span></label>
            <input type="text" name="phone" id="phone" required 
                   class="admin-form-input" value="{{ old('phone') }}" 
                   placeholder="+1234567890">
            @error('phone')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div class="admin-form-group">
            <label for="location" class="admin-form-label">Location <span class="required">*</span></label>
            <input type="text" name="location" id="location" required 
                   class="admin-form-input" value="{{ old('location') }}" 
                   placeholder="Where they come from">
            @error('location')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
            <div class="admin-form-group">
                <label for="check_in" class="admin-form-label">Check In Date</label>
                <input type="date" name="check_in" id="check_in" 
                       class="admin-form-input" value="{{ old('check_in', date('Y-m-d')) }}" 
                       min="{{ date('Y-m-d') }}">
                @error('check_in')
                    <div class="admin-form-error">{{ $message }}</div>
                @enderror
            </div>

            <div class="admin-form-group">
                <label for="check_out" class="admin-form-label">Check Out Date</label>
                <input type="date" name="check_out" id="check_out" 
                       class="admin-form-input" value="{{ old('check_out', date('Y-m-d')) }}" 
                       min="{{ date('Y-m-d') }}">
                @error('check_out')
                    <div class="admin-form-error">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
            <div class="admin-form-group">
                <label for="booking_date" class="admin-form-label">Booking Date</label>
                <input type="date" name="booking_date" id="booking_date" 
                       class="admin-form-input" value="{{ old('booking_date', date('Y-m-d')) }}">
                @error('booking_date')
                    <div class="admin-form-error">{{ $message }}</div>
                @enderror
            </div>

            <div class="admin-form-group">
                <label for="booking_source" class="admin-form-label">Booking Source <span class="required">*</span></label>
                <select name="booking_source" id="booking_source" required class="admin-form-input">
                    <option value="Call" {{ old('booking_source') == 'Call' ? 'selected' : '' }}>Call</option>
                    <option value="SMS/WhatsApp" {{ old('booking_source') == 'SMS/WhatsApp' ? 'selected' : '' }}>SMS/WhatsApp</option>
                    <option value="Email" {{ old('booking_source') == 'Email' ? 'selected' : '' }}>Email</option>
                    <option value="Website" {{ old('booking_source', 'Website') == 'Website' ? 'selected' : '' }}>Website</option>
                </select>
                @error('booking_source')
                    <div class="admin-form-error">{{ $message }}</div>
                @enderror
            </div>
        </div>

        <div class="admin-form-group">
            <label for="special_requests" class="admin-form-label">Special Requests</label>
            <textarea name="special_requests" id="special_requests" rows="4" 
                      class="admin-form-input admin-form-textarea" 
                      placeholder="Any special requests or notes...">{{ old('special_requests') }}</textarea>
            @error('special_requests')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div class="admin-form-group">
            <label for="status" class="admin-form-label">Status</label>
            <select name="status" id="status" class="admin-form-input">
                <option value="pending" {{ old('status', 'pending') == 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="confirmed" {{ old('status') == 'confirmed' ? 'selected' : '' }}>Confirmed</option>
                <option value="cancelled" {{ old('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
            </select>
            @error('status')
                <div class="admin-form-error">{{ $message }}</div>
            @enderror
        </div>

        <div style="display: flex; gap: 1rem; margin-top: 2rem;">
            <button type="submit" class="admin-btn admin-btn-primary">
                <i class="fas fa-save mr-2"></i>Create Booking
            </button>
            <a href="{{ route('admin.bookings.index') }}" class="admin-btn admin-btn-secondary">
                Cancel
            </a>
        </div>
    </form>
</div>
@endsection