@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"/>
    <style>
        [hidden] {
            display: none !important;
        }

        .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
            text-transform: capitalize;
        }
    </style>
@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">Update Banner</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.banners.update",$banner->id],'role'=>"form",'method'=>"put", 'files' =>true])}}
                    <div class="form-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    <label for="title">@lang("constants.title")</label>
                                    {{Form::text("title",$banner->title,['class'=>'form-control m-input readonly'])}}
                                </div>
                            </div>
{{--                            <div class="col-md-6">--}}
{{--                                <div class="form-group form-md-line-input form-md-floating-label">--}}
{{--                                    {{Form::text("link", $banner->link, ['class'=>'form-control m-input'])}}--}}
{{--                                    <label for="link">@lang("constants.link")</label>--}}
{{--                                </div>--}}
{{--                            </div>--}}
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    <label for="description">@lang("constants.description")</label>
                                    {{Form::textarea("description", $banner->description, ['class'=>'form-control m-input'])}}
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group form-md-line-input form-md-floating-label">
                                    {{Form::select("color", ['dark'=>"Dark",'primary-1'=>"Dark 2",'light'=>"Light","primary"=>"Blue","primary-2"=>"Blue 2",'gradient'=>"Gradient"],$banner->color, ['class'=>'form-control m-input'])}}
                                    <label for="title">@lang("constants.animation")</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="is_active">
                                                {!! Form::checkbox("is_active",1,$banner->is_active,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                                @lang('constants.is_active')</label>

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="is_active">
                                                {!! Form::checkbox("is_slide",1,$banner->is_slide,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                                @lang('Is Slide')</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group" id="">
                                            <label for="in_all_pages">
                                                {!! Form::checkbox("in_all_pages",1,$banner->in_all_pages,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                                @lang('Show in all pages')</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group" id="default-color">
                                            <label for="is_color_default">
                                                {!! Form::checkbox("is_default_color",1,$banner->is_default_color,['class'=>'checkbox', 'style'=> 'display: inline-block','id'=>'is_color_default']) !!}
                                                @lang('is Color Default')</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                            </div>
                            <div class="col-md-6" id="show-color" style="display: none">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group form-md-line-input form-md-floating-label">
                                            {{Form::color("background_color", $banner->background_color, ['class'=>'form-control m-input','type'=>'color'])}}
                                            <label for="link">@lang("Background Color")</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions noborder">
                            <button type="submit" class="btn blue">@lang("constants.edit")</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 src="https://cdn.ckeditor.com/4.9.2/full/ckeditor.js"></script>
    <script>
        $.fn.select2.defaults.set("theme", "bootstrap");
        $(".select2, .select2-multiple").select2({
            placeholder: "Select category or more",
            width: null
        });

        CKEDITOR.replace('description');
    </script>
    <script>

        $('#default-color :checkbox').change(function () {
            if ($(this).is(':checked')) {
                console.log($(this).val() + ' is now checked');
                $('#show-color').hide()

            } else {
                console.log($(this).val() + ' is now unchecked');
                $('#show-color').show()
            }
        }).trigger('change');

    </script>
@endsection