@extends('layouts.admin')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Edit Vehicle</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Edit Vehicle</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-2"></div>
                <!-- left column -->
                <div class="col-md-8">
                    <!-- general form elements -->
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Edit Vehicle</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form method="post" action="{{ route('admin.vehicle.update', $vehicle->id) }}"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" class="form-control" name="name" id="name"
                                        value="{{ $vehicle->name }}">
                                    @error('name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="photo">Image</label>
                                    <input type="file" class="form-control" name="image" id="image">
                                    <img src="{{ asset($vehicle->image) }}" alt="" class="img-preview"
                                        style="width:200px">
                                </div>

                                <div class="row discount_wrap">
                                    @foreach ($vehicle->ranges as $index => $rangs)
                                        <div class="col-md-12 form-group mb-2 get_discount_type">
                                            <div class="d-flex" style="display: flex;">
                                                @if ($index === 0)
                                                    <!-- Display plus button in the first iteration -->
                                                    <a
                                                        class="btn p btn-primary px-3 mr-4 py-0  d-flex justify-content-center align-items-center add_new_discount_field add_new_discount"><i
                                                            class="fas fa-plus"></i></a>
                                                @else
                                                    <!-- Display minus button in rest of the iterations -->
                                                    <a
                                                        class="btn p btn-danger px-3 mr-4 py-0  d-flex justify-content-center align-items-center remove_discount_field remove_discount"><i
                                                            class="fas fa-minus"></i></a>
                                                @endif
                                                <label for="ptp_min_amount"
                                                    style="margin-left: 5px;margin-right: 5px;">From</label>
                                                <input type="text" class="form-control" name="range_from[]"
                                                    id="ptp_min_amount" value="{{ $rangs->range_from }}">
                                                <label for="ptp_min_amount"
                                                    style="margin-left: 5px;margin-right: 5px;">To</label>
                                                <input type="text" class="form-control" name="range_to[]"
                                                    id="ptp_min_amount" value="{{ $rangs->range_to }}">
                                                <label for="ptp_min_amount"
                                                    style="margin-left: 5px;margin-right: 5px;">Price</label>
                                                <input type="text" class="form-control" name="price[]"
                                                    id="ptp_min_amount" value="{{ $rangs->price }}">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="form-group">
                                    <label for="hrly_min_hour">Minimum Hour</label>
                                    <input type="number" class="form-control" name="min_hour" id="hrly_min_hour"
                                        value="{{ $vehicle->hrly_min_hour }}">
                                    @error('min_hour')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="hrly_adt_amount_per_hour"> Amount Per Hour</label>
                                    <input type="number" class="form-control" name="amount_per_hour"
                                        id="hrly_adt_amount_per_hour" value="{{ $vehicle->hrly_amount_per_km_allowed }}">
                                    @error('amount_per_hour')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" name="is_quotation" class="custom-control-input"
                                            id="is_quotation" onclick="isQuotation()" value="{{ $vehicle->is_quotation }}"
                                            {{ $vehicle->is_quotation ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="is_quotation">Is Quotation Allow?</label>
                                    </div>
                                </div>
                                <div class="row location_wrap">
                                    @foreach ($vehicle->locations as $index => $location)
                                        <div class="col-md-12 form-group mb-2 get_location">
                                            <div class="d-flex" style="display: flex;">
                                                @if ($index === 0)
                                                    <!-- Display plus button in the first iteration -->
                                                    <a
                                                        class="btn p btn-primary px-3 mr-4 py-0  d-flex justify-content-center align-items-center add_new_location_field add_new_discount"><i
                                                            class="fas fa-plus"></i></a>
                                                @else
                                                    <!-- Display minus button in rest of the iterations -->
                                                    <a
                                                        class="btn p btn-danger px-3 mr-4 py-0  d-flex justify-content-center align-items-center remove_discount_field remove_location"><i
                                                            class="fas fa-minus"></i></a>
                                                @endif
                                                <label for="location"
                                                    style="margin-left: 5px;margin-right: 5px;">Location</label>
                                                <input type="text" class="form-control" name="location[]"
                                                    id="location" value="{{ $location->location }}">
                                                <label for="price"
                                                    style="margin-left: 5px;margin-right: 5px;">Price</label>
                                                <input type="text" class="form-control" name="locationPrice[]"
                                                    id="price" value="{{ $location->price }}">
                                            </div>
                                        </div>
                                    @endforeach
                                </div>

                            </div>
                            <!-- /.card-body -->

                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.card -->




                </div>
                <div class="col-md-2"></div>
            </div>
            <!-- /.row -->
        </div><!-- /.container-fluid -->
    </section>
@endsection