@extends('back_office.layouts.app')

@section('content')
    <div>
        <div class="container-fluid">
            <div class="p-4 bg-white row">
                <h5>Create new Subscription </h5>
                <form class="form-horizontal" action="{{ route('subscription-info.store', ['id' => $userId]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Package</label>
                                <select name="package_id" id="package_id" class="form-control  @error('package_id') is-invalid @enderror">
                                    @foreach ($packages as $package)
                                        <option value="{{ $package->id }}">{{ $package->name_en }}</option>
                                    @endforeach
                                </select>
                                @error('package_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>


                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Start Date</label>
                                <input type="date" name="start_date" id="start_date" class="form-control  @error('start_date') is-invalid @enderror">
                                @error('start_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>End Date</label>
                                <input type="date" name="end_date" id="end_date" class="form-control  @error('end_date') is-invalid @enderror">
                                @error('end_date')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        {{-- Address Details --}}
                        {{-- <h6 class="text-secondary">Address Details</h6>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Street Name</label>
                                <input type="text" name="street_name" id="street_name" class="form-control  @error('street_name') is-invalid @enderror">
                                @error('street_name')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Building No</label>
                                <input type="text" name="building_no" id="building_no" class="form-control  @error('building_no') is-invalid @enderror">
                                @error('building_no')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Loot Number</label>
                                <input type="text" name="loot_number" id="loot_number" class="form-control  @error('loot_number') is-invalid @enderror">
                                @error('loot_number')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Latitude</label>
                                <input type="text" name="latitude" id="latitude" class="form-control  @error('latitude') is-invalid @enderror">
                                @error('latitude')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Longitude</label>
                                <input type="text" name="longitude" id="longitude" class="form-control  @error('longitude') is-invalid @enderror">
                                @error('longitude')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div> --}}

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Notes</label>
                                <input type="text" name="notes" id="notes" class="form-control  @error('notes') is-invalid @enderror">
                                @error('notes')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        {{-- Car Details --}}
                        <h6 class="text-secondary">Car Details</h6>

                       <div class="col-md-12">
                            <div class="form-group">
                                <label>Car List</label>
                                <select name="car_id" id="car_id" class="form-control  @error('car_id') is-invalid @enderror">
                                    @foreach ($customerCar as $car)
                                        <option value="{{ $car->id }}"> {{ optional($car->brand)->name ?? '' }}
                                            {{ optional($car->type)->name ?? '' }}
                                            {{ optional($car->model)->name ?? '' }}
                                            ({{ $car->plate_number }})</option>
                                    @endforeach
                                </select>
                                @error('car_type_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        {{-- <div class="col-md-6">
                            <div class="form-group">
                                <label>Car Type</label>
                                <select name="car_type_id" id="car_type_id" class="form-control  @error('car_type_id') is-invalid @enderror">
                                    @foreach ($cartypes as $cartype)
                                        <option value="{{ $cartype->id }}">{{ $cartype->name }}</option>
                                    @endforeach
                                </select>
                                @error('car_type_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car Brand</label>
                                <select name="car_brand_id" id="car_brand_id" class="form-control  @error('car_brand_id') is-invalid @enderror">
                                    @foreach ($carbrands as $carbrand)
                                        <option value="{{ $carbrand->id }}">{{ $carbrand->name }}</option>
                                    @endforeach
                                </select>
                                @error('car_brand_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car Model</label>
                                <select name="car_model_id" id="car_model_id" class="form-control  @error('car_model_id') is-invalid @enderror">
                                    @foreach ($carmodels as $carmodel)
                                        <option value="{{ $carmodel->id }}">{{ $carmodel->name .' ('.$carmodel->code.')' }}</option>
                                    @endforeach
                                </select>
                                @error('car_model_id')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car Color</label>
                                <input type="color" name="color" id="color" class="form-control @error('color') is-invalid @enderror"">
                                @error('color')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car Plate Number</label>
                                <input type="text" name="plate_number" id="plate_number" class="form-control @error('plate_number') is-invalid @enderror">
                                @error('plate_number')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Year Of Manufuture</label>
                                <input type="text" name="year_of_manufuture" id="year_of_manufuture" class="form-control @error('year_of_manufuture') is-invalid @enderror">
                                @error('year_of_manufuture')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Car image</label>
                                <input type="file" name="image" id="image" class="form-control  @error('image') is-invalid @enderror"  accept="image/png, image/gif, image/jpeg"/>
                                @error('image')
                                    <p class="error-validation">{{ $message }}</p>
                                @enderror
                            </div>
                        </div> --}}

                        {{-- Payment Details --}}
                        <h6 class="text-secondary">Payment Details</h6>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Payment Status</label>
                                <select name="status" id="status" class="form-control">
                                    <option value="Pending">Pending</option>
                                    <option value="Paid">Paid</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <div class="col-lg-12 text-right">
                                    <button type="submit" class="btn btn-info">Save Subscription</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script>
    $('#start_date').change(function(){
        var startDate = $(this).val();
        $('#end_date').attr('min', startDate);
    });
</script>
@endpush