@extends("admin.layouts.app")
@section("styles")
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css"
          rel="stylesheet"
          type="text/css"/>
@endsection
@section("content")
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-green">
                        <i class="icon-plus font-green"></i>
                        <span class="caption-subject bold uppercase">New Spec Category</span>
                    </div>
                </div>
                @isset($errors)
                    @foreach($errors as $key => $error)
                        <div dir="rtl" class="alert alert-danger alert-dismissible" role="alert">
                            <strong>{{'خطأ !'}}</strong> {{$error[0]}}
                            <button dir="ltr" type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span></button>
                        </div>
                    @endforeach
                @endisset
                <div class="portlet-body form">
                    {{Form::open(['route'=>"admin.spec-categories.store",'role'=>"form"])}}
                    <div class="form-body">
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("title",Null,['class'=>'form-control m-input'])}}
                            {{Form::label("title","Title")}}
                        </div>
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("nickname",Null,['class'=>'form-control m-input'])}}
                            {{Form::label("nickname","Nickname")}}
                        </div>

                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("icon",NULL,['class'=>'form-control m-input'])}}
                            {{Form::label("icon","Icon")}}
                        </div>
                        <div class="form-group">
                            {{Form::label("is_upgradable","Is Upgradable")}}
                            {{Form::checkbox("is_upgradable",1,0,['class'=>'form-control m-input'])}}
                        </div>
                        <div class="form-group">
                            {{Form::label("is_comparable","Is Comparable")}}
                            {{Form::checkbox("is_comparable",1,0,['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            {{Form::label("is_on_listing","Is On Listing")}}
                            {{Form::checkbox("is_on_listing",1,0,['class'=>'form-control m-input'])}}
                        </div>
                        <div class="form-group">
                            {{Form::label("is_on_title","Is On Title")}}
                            {{Form::checkbox("is_on_title",1,0,['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            {{Form::label("is_tab","Is Tab")}}
                            {{Form::checkbox("is_tab",1,0,['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            {{Form::label("is_tab","Is Tab")}}
                            {{Form::checkbox("is_tab",1,0,['class'=>'form-control m-input'])}}
                        </div>

                         <div class="form-group m-form__group">
                            {{Form::label("categories",trans("constants.categories"))}}
                            {{Form::select("categories[]",$categories,NULL,["multiple"=>"true",'class'=>'form-control select2-multiple'])}}
                        </div>

                        <div class="form-actions noborder">
                            <button type="submit" class="btn blue">@lang("constants.create")</button>
                            <button type="reset" class="btn default">@lang("constants.clear")</button>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script src="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/js/select2.full.min.js"
            type="text/javascript"></script>
    <script>
        $.fn.select2.defaults.set("theme", "bootstrap");
        $(".select2, .select2-multiple").select2({
            placeholder: "Select category or more",
            width: null
        });
    </script>
@endsection