@extends('layouts.master')

@section('css')
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css" rel="stylesheet">
@endsection

@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">{!! __('add_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>{!! __('add_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::open(array('route'=>array('vehicle-color.store'), 'method'=>'post','files' => true,'id' => 'ajax-submit')) !!}

                                <div class="row  mb-4">
                                    <div class="col">
                                        {!! Form::label('Name', __('name')) !!}
                                        {!! Form::text('name', null, array('class' => 'form-control','id' => 'name','required' => 'required', '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>
                                <div class="row  mb-4">
                                    <div class="col">
                                        <div class="custom-control custom-checkbox">
                                            {!! Form::checkbox('status', '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 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js"></script>
    <script>
        $('.colorpicker').colorpicker();
    </script>
    @stop