@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">{!! __('edit_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>Edit 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::model($vehicleModel, ['route' => ['vehicle-model.update', $vehicleModel->id], 'method' => 'post', 'id' => 'ajax-submit','files' => true]) !!}
                                <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 }}" {{ $vehicleModel->vehicle_type_id == $type->id ? 'selected' : '' }}>{{ $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>

                                        </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 class="imagePreview"> <div class="imagePreview">{!! Html::image(apiImage($vehicleModel->image,env('VEHICLE_PATH')),'No Image',array( 'width' => 100, 'height' => 100 )) !!}</div></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>
        //Get Vehicle Make
        function fetchMakes() {
            $("#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

                        }));
                        $('#vehicle_make option[value=]').attr('selected', 'selected');
                    });
                    fetchModels();
                }
            });
        }

        $(document).ready(function() {
            fetchMakes();

            $("#vehicle_type").change(function() {
                fetchMakes();
            });
        });
    </script>
    @stop