@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }}</h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ __('lbl.categorie') }} {{ __('lbl.add') }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
            <div class="box-header with-border">
                <h3 class="box-title">{{ $title }}</h3>
                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                </div>
            </div>
            <div class="box-body">
                {{ Form::open(['url' => route('categorie_store'), 'method'=>'POST', 'name' => 'categories', 'id' => 'categories']) }}
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group required">
                            {{ Form::label(__('lbl.categorie_name')) }} {{ Form::text('categorie_name', Input::old('categorie_name'), ["class"=>"form-control mxlen_20","placeholder"=>"Categorie Name","id"=>"categorie_name","name"=>"categorie_name"]) }} @if ($errors->has('categorie_name'))
                            <span class="error" for="categorie_name">{{ $errors->first('categorie_name') }}</span> @endif
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group ">
                            {{ Form::label(__('lbl.product_color')) }} {{ Form::text('categorie_color', '', ["class"=>"form-control mxlen_10 pickacolor", "style"=>"height:35px !important;","autocomplete"=>"off","placeholder"=>__('lbl.product_color'),"id"=>"categorie_color"])}}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group ">
                            {{ Form::label(__('lbl.categorie_code')) }} {{ Form::text('categorie_code', old('categorie_code'), ["class"=>"form-control mxlen_10","placeholder"=>"Categorie Code","id"=>"categorie_code","name"=>"categorie_code"]) }}
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-md-6">
                        <div class="form-group required">
                            {{ Form::label(__('lbl.categorie_type')) }}
                            <select id="categorie_type" class="form-control select2" name="categorie_type">
                                <option data-class="1" value="0" selected>Is parent</option>
                                @if($categories)
                                    @foreach ($categories as $cat)
                                        <option data-class="{{$cat['isbold']}}" value="{{ $cat['id'] }}" @if($cat['id'] == $cat_id) selected @endif>{!! $cat['categorie_name'] !!}</option>
                                    @endforeach
                                @endif
                            </select> @if ($errors->has('categorie_type'))
                            <span class="error" for="categorie_code">{{ $errors->first('categorie_type') }}</span> @endif
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group required">
                            {{ Form::label(__('lbl.categorie_sort')) }} {{ Form::number('categorie_sort', !empty(Input::old('categorie_sort')) ? Input::old('categorie_sort') : $sort, ["class"=>"form-control","placeholder"=>"Categorie Short","id"=>"categorie_sort","name"=>"categorie_sort","min"=>"0"])
                            }} @if ($errors->has('categorie_sort'))
                            <span class="error" for="categorie_code">{{ $errors->first('categorie_sort') }}</span> @endif
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="row">
                    <div class="col-md-6">
                        {{ Form::button('<i class="fa fa-save"></i> '.__('lbl.submit'),["type"=>"submit","name"=>"submit","value"=>"submit","class"=>"clickbtncommon btn-sm btn btn-primary "]) }}
                        <a href="{{ route('categories') }}" class="clickbtncommon btn-sm btn btn-primary"><i class="fa fa-backward"></i> {{ __('lbl.cancel') }}</a>
                    </div>
                </div>
                {{ Form::close() }}
                <input type="hidden" value="{{ route('categorylatestshort') }}" id="shorturl" />
            </div>
        </div>
    </section>
</div>

<!-- REFERANCE : https://www.bootstraptoggle.com/  -->
<!-- 'js/lib/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js', ---->
@endsection @section('pagescript') {!! 
    Helper::pagejs([ 
    'js/lib/select2/dist/js/select2.full.min.js', 
    'js/backend/categories/add_edit.js', 
    'js/lib/colorpick/dependencies/tinycolor-0.9.15.min.js', 
    'js/lib/colorpick/1.2.3/js/pick-a-color-1.2.3.min.js'
]) !!}

<script type="text/javascript"> 
    $(document).ready(function() {
        $(".pickacolor").pickAColor({
            showSpectrum: true,
            showSavedColors: true,
            saveColorsPerElement: true,
            fadeMenuToggle: true,
            showAdvanced: true,
            showBasicColors: true,
            showHexInput: true,
            allowBlank: true,
            inlineDropdown: true
        });

    });
</script>
@stop