@extends('admin.layouts.layout')

@section('content')
    <div class="container-scroller">
        @include('admin.layouts.navbar')

        <div class="container-fluid page-body-wrapper">
            @include('admin.layouts.sidebar')

            <div class="main-panel">
                <div class="content-wrapper">
                    <h2>إضافة حجز جديد</h2>
                    <form action="{{ route('pool_rentals.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label for="customer_name" class="form-label">اسم العميل</label>
                            <input type="text" name="customer_name" id="customer_name" class="form-control" required>
                            @error('customer_name')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="customer_phone" class="form-label">رقم الهاتف</label>
                            <input type="text" name="customer_phone" id="customer_phone" class="form-control" required>
                            @error('customer_phone')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="id_image" class="form-label">صورة البطاقة</label>
                            <input type="file" name="id_image" id="id_image" class="form-control" required>
                            @error('id_image')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="rental_type" class="form-label">نوع الحجز</label>
                            <select name="rental_type" id="rental_type" class="form-control" required>
                                <option value="">اختر النوع</option>
                                <option value="hour">ساعة</option>
                                <option value="day">يوم</option>
                                <option value="week">أسبوع</option>
                                <option value="month">شهر</option>
                            </select>
                            @error('rental_type')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="price" class="form-label">السعر</label>
                            <input type="number" name="price" id="price" class="form-control" required>
                            @error('price')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="start_at" class="form-label">البداية</label>
                            <input type="datetime-local" name="start_at" id="start_at" class="form-control" required>
                            @error('start_at')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="end_at" class="form-label">النهاية</label>
                            <input type="datetime-local" name="end_at" id="end_at" class="form-control" required>
                            @error('end_at')
                                <div class="text-danger mt-1">{{ $message }}</div>
                            @enderror
                        </div>
                        <button type="submit" class="btn btn-primary">إضافة</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection