@extends("admin.layouts.app")
@section("styles")
    <link
        href="{{url("https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2.min.css")}}"
        rel="stylesheet" type="text/css"/>
    <link
        href="{{url("https://cdn.ihouse.ps/admin_assets/assets/global/plugins/select2/css/select2-bootstrap.min.css")}}"
        rel="stylesheet"
        type="text/css"/>
    <link href="https://cdn.ihouse.ps/css/ihouse_icons.css" rel="stylesheet" type="text/css"
          media="all"/>
@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">@lang("constants.edit_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.categories.update",$category->id],'role'=>"form",'method'=>"put",'files'=>true])}}
                    <div class="form-body">
                        <div class="form-group form-md-line-input">
                            {{Form::text("title",$category->title,['class'=>'form-control m-input'])}}
                            {{Form::label("title",trans("constants.title"))}}
                        </div>
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("code",$category->code,['class'=>'form-control m-input'])}}
                            {{Form::label("code",trans("constants.code"))}}
                        </div>
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("icon",$category->icon,['class'=>'form-control m-input'])}}
                            {{Form::label("icon",trans("constants.icon"))}}
                        </div>

                        @php
                            $icons_support_upload_image = true;
                        @endphp

                        @if($icons_support_upload_image)
                            <div class="form-group form-md-line-input">
                                <div>
                                    <span class="d-inline-block my-10px">Accessory Icon</span>
                                    {{ Form::select("accessory_icon", config('view.icons'), $category->accessory_icon, ['class'=>"form-control select2-icons",'placeholder'=>"Select Accessory Icon", 'id' => 'accessory_icons']) }}
                                </div>
                                <div class="text-center">
                                    <i id="display_accessory_icons"
                                       class="ihouse-{{$category->accessory_icon}} d-block"></i>
                                </div>
                            </div>
                            <div class="form-group form-md-line-input">
                                @if(! array_key_exists($category->accessory_icon, config('view.icons')))
                                    <img
                                        src="{{url("https://cdn.ihouse.ps/$category->accessory_icon")}}"
                                        class="image-icon-block max-with-100px">
                                    <br>
                                @endif
                                {{Form::file("accessory_icon_img",['class'=>'form-control m-input'])}}
                                {{Form::label("image","Or upload accessory icon")}}
                            </div>
                            <div class="form-group form-md-line-input">
                                @if($category->compare_icon)
                                    <img
                                        src="{{url("https://cdn.ihouse.ps/$category->compare_icon")}}"
                                        class="image-icon-block max-with-100px">
                                    <br>
                                @endif
                                {{Form::file("compare_icon",['class'=>'form-control m-input'])}}
                                {{Form::label("image","Upload compare icon")}}
                            </div>
                        @else
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div>
                                            <span class="d-inline-block my-10px">Accessory Icon</span>
                                            {{ Form::select("accessory_icon", config('view.icons'), $category->accessory_icon, ['class'=>"form-control select2-icons",'placeholder'=>"Select Accessory Icon", 'id' => 'accessory_icons']) }}
                                        </div>
                                        <div class="text-center">
                                            <i id="display_accessory_icons"
                                               class="ihouse-{{$category->accessory_icon}} d-block"></i>
                                        </div>
                                    </div>
                                    {{--                                @php--}}
                                    {{--                                    $categoryAccessoryIcon = !in_array($category->accessory_icon, array_keys(config('view.icons'))) ? $category->accessory_icon : '';--}}
                                    {{--                                @endphp--}}
                                    {{--                                <div class="col-md-6">--}}
                                    {{--                                    <span class="d-inline-block my-10px">Or link image</span>--}}
                                    {{--                                    {{Form::text("link_accessory_icon",$categoryAccessoryIcon,['class'=>'form-control m-input'])}}--}}
                                    {{--                                </div>--}}
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    {{--                                <div class="col-md-6">--}}
                                    {{--                                    <div>--}}
                                    {{--                                        <span class="d-inline-block my-10px">Compare Icon</span>--}}
                                    {{--                                        {{ Form::select("compare_icon", config('view.icons'), $category->compare_icon, ['class'=>"form-control select2-icons",'placeholder'=>"Select Accessory Icon", 'id' => 'compare_icons']) }}--}}
                                    {{--                                    </div>--}}
                                    {{--                                    <div class="text-center">--}}
                                    {{--                                        <i id="display_compare_icons" class="ihouse-{{$category->compare_icon}} d-block"></i>--}}
                                    {{--                                    </div>--}}
                                    {{--                                </div>--}}
                                    <div class="col-md-6">
                                        @php
                                            $categoryCompareIcon = !in_array($category->compare_icon, array_keys(config('view.icons'))) ? $category->compare_icon : '';
                                        @endphp
                                        <span class="d-inline-block my-10px">Compare image</span>
                                        {{Form::text("link_compare_icon",$categoryCompareIcon,['class'=>'form-control m-input'])}}
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="form-group form-md-line-input">
                            @if($category->black_image)

                                <img src="{{url("https://cdn.ihouse.ps/$category->image")}}"
                                     class="image-icon-block">
                                <br>
                            @endif
                            {{Form::file("image",['class'=>'form-control m-input'])}}
                            {{Form::label("image","Image")}}
                        </div>
                        <div class="form-group form-md-line-input">
                            @if($category->black_image)
                                <img src="{{url("https://cdn.ihouse.ps/$category->black_image")}}"
                                     class="image-icon-block">
                                <br/>
                            @endif
                            {{Form::file("black_image",['class'=>'form-control m-input'])}}
                            {{Form::label("black_image","Black Image")}}
                        </div>
                        <div class="form-group">
                            {{Form::checkbox("with_accessories",1,$category->with_accessories,['class'=>'md-check'])}}
                            {{Form::label("with_accessories",trans("constants.with_accessories"))}}
                        </div>
                        <div class="form-group">
                            {{Form::checkbox("with_compare",1,$category->with_compare,['class'=>'md-check'])}}
                            {{Form::label("with_compare",trans("constants.with_compare"))}}
                        </div>
                        <div class="form-group">
                            {{Form::checkbox("is_new",1,$category->is_new,['class'=>'md-check'])}}
                            {{Form::label("is_new","Is New")}}
                        </div>
                        <div class="form-actions noborder">
                            <button type="submit" class="btn blue">@lang("constants.save")</button>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")
    <script
        src="{{url("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-icons, .select2-multiple").select2({
            width: null,
            allowClear: true,
            placeholder: 'Select ..'
        });
        $(document).on('change', '.select2-icons', function () {
            let selectClass = 'ihouse-' + $(this).val();

            $(`#display_${(this).id}`).removeClass();
            $(`#display_${(this).id}`).addClass(selectClass);
        })
    </script>
@endsection