@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-color.index') }}">{!! __('vehicle_color_list') !!}</a></li>
                <li class="breadcrumb-item active">{!! __('edit_vehicle_color') !!}</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_color') !!}</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($vehicleColor, ['route' => ['vehicle-color.update', $vehicleColor->id], 'method' => 'post', 'id' => 'ajax-submit','files' => true]) !!}
                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Name',__('name')) !!}
                                        {!! Form::text('name', null, array('class' => 'form-control','id' => 'color', 'autofocus' => 'autofocus','placeholder' => 'Color name'))!!}
                                    </div>
                                </div>
                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Color Code', __('color_code')) !!}
                                        {!! Form::text('color_code', null, array('class' => 'form-control colorpicker','id' => 'name','required' => 'required', 'autofocus' => 'autofocus','placeholder' => 'Color Code','readonly' ))!!}
                                    </div>
                                    <div style="background: {{$vehicleColor->color_code}};height:50px;width:50px;margin-top:5%;"></div>
                                </div>
                                <div class="row  mb-4">
                                    <div class="col">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" name="status" value="1" {{ $vehicleColor->status==1 ? 'checked' : '' }}>

                                            {!! Form::label('Active', 'Active') !!}

                                        </div>
                                    </div>

                                </div>

                                <button class="btn btn-primary"> {!! __('submit') !!}</button>
                                {!! 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>
    @stop