@extends('layouts.master')

@section('content')
<!--  BEGIN CONTENT AREA  -->
<div id="content" class="main-content">
     <!-- Page-Title -->
     <div class="page-title-box">
        <div class="btn-group float-right">
            <ol class="breadcrumb hide-phone p-0 m-0">
                <li class="breadcrumb-item active"><a href="{{ route('dashboard') }}">{!! __('Dashboard') !!}</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('vehicle-model.index') }}">{!! __('vehicle_model_list') !!}</a></li>
                <li class="breadcrumb-item active">{!! __('add_vehicle_model') !!}</li>
            </ol>
        </div>
    </div>
    <!-- end page title end breadcrumb -->
    <div class="layout-px-spacing">
        <div class="account-settings-container layout-top-spacing">
            <div class="col-lg-12 layout-spacing">
                <div class="statbox widget box box-shadow">
                    <div class="widget-header">
                        <div class="row">
                            <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                <h4>Add Vehicle Model</h4>
                            </div>
                        </div>
                    </div>

                    <div class="widget-content widget-content-area">
                        @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                        @if(session()->has('message'))
                        <div class="alert alert-success">
                            {{ session()->get('message') }}
                        </div>
                        @endif
                        <div class="row">

                            <div class="col-lg-6 col-12 mx-auto">
                                {!! Form::open(array('route'=>array('vehicle-model.store'), 'method'=>'post','files' => true,'id' => 'ajax-submit')) !!}
                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Vehicle Type', 'Vehicle Type') !!}
                                        <select class="form-control" name="vehicle_type_id" id="vehicle_type">
                                            <option value="0" selected="selected" disabled>Select Vehicle Type</option>
                                            @foreach($types as $type)
                                            <option value="{{ $type->id }}">{{ $type->type_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Vehicle Make', 'Vehicle Make') !!}
                                        <select class="form-control" name="vehicle_make_id" id="vehicle_make">
                                            <option value="0" selected="selected" disabled>Select Vehicle Make</option>
                                            @foreach($makes as $make)
                                            <option value="{{ $make->id }}">{{ $make->make_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Model Name', 'Model Name') !!}
                                        {!! Form::text('model_name', null, array('class' => 'form-control','id' => 'model_name','required' => 'required', 'autofocus' => 'autofocus','placeholder' => 'Model name'))!!}
                                    </div>
                                </div>


                                <div class="row  mb-4">

                                    <div class="col">
                                        {!! Form::label('Image',__('image')) !!}

                                        <div class="custom-file mb-4">
                                            {!! Form::file('image',array('class' => 'custom-file-input','id' => 'image')) !!}
                                            @if ($errors->has('file'))
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $errors->first('file') }}</strong>
                                            </span>
                                            @endif
                                        </div>


                                    </div>
                                </div>
                                <div class="row  mb-4">
                                    <div class="col">
                                        <div class="custom-control custom-checkbox">
                                            {!! Form::checkbox('is_activated', '1',true) !!}
                                            {!! Form::label('Active', 'Active') !!}

                                        </div>
                                    </div>

                                </div>

                                <input type="submit" name="time" class="btn btn-primary">
                                {!! Form::close() !!}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- </div> -->
    <!--  END CONTENT AREA  -->
    @stop
    @section('script')
    <script src="{{ asset('plugins/highlight/highlight.pack.js') }}"></script>
    <script>
        function showhide_div(unit) {
            if (unit == 'km') {
                $('#km_div').show();
                $('#miles_div').hide();

            } else {
                $('#km_div').hide();
                $('#miles_div').show();
            }
        }
        //Get Vehicle Make
        // $("#vehicle_type").change(function() {
        //     $("#vehicle_make").html('');

        //     var type_id = $("#vehicle_type").val();
        //     $.ajax({
        //         url: "{{ url('admin/vehicleMake/getVehicleMake') }}",
        //         method: "post",
        //         data: {
        //             "_token": "{{ csrf_token() }}",
        //             type_id: type_id
        //         },
        //         success: function(resp) {
        //             $.each(resp, function(key, value) {
        //                 $('#vehicle_make').append($('<option>', {
        //                     value: value.id,
        //                     text: value.make_name
        //                 }));
        //             });
        //             fetchModels();
        //         }
        //     });
        // });
    </script>
    @stop