@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 Accessory 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.accessory-categories.store",'role'=>"form",'files'=>true])}}
                    <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("slug",NULL,['class'=>'form-control m-input'])}}
                            {{Form::label("slug","Slug")}}
                        </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-md-line-input form-md-floating-label">
                            {{Form::file("image",['class'=>'form-control m-input'])}}
                            {{Form::label("image",trans("constants.icon"))}}
                        </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