@extends('layouts.admin')

@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Add 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">Add 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">Add Vehicle</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <form method="post" action="{{ route('admin.vehicle.store') }}" 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">
                                    @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">
                                </div>
                                <div class="row discount_wrap">

                                    <div class="col-md-12 form-group mb-2 get_discount_type">
                                        <div class="d-flex" style="display: flex;">
                                            <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>
                                            <label for="ptp_min_amount"
                                                style="margin-left: 5px;margin-right: 5px;">From</label>
                                            <input type="number" class="form-control" name="range_from[]"
                                                id="ptp_min_amount">
                                            <label for="ptp_min_amount"
                                                style="margin-left: 5px;margin-right: 5px;">To</label>
                                            <input type="number" class="form-control" name="range_to[]"
                                                id="ptp_min_amount">
                                            <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">
                                        </div>
                                    </div>

                                </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">
                                    @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">
                                    @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="1">
                                        <label class="custom-control-label" for="is_quotation">Is Quotation Allow?</label>
                                    </div>
                                </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
@section('scripts')
    <script>
        function isQuotation() {
            var isChecked = $('#is_quotation').prop('checked');

        }
    </script>
@endsection