@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 Hero</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    {{Form::open(['route'=>["admin.hero.update",$hero->id],'role'=>"form",'method'=>"put", 'files' =>true])}}
                    <div class="form-body">
                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("title",$hero->title,['class'=>'form-control m-input'])}}
                            <label for="title">@lang("constants.title")</label>
                        </div>

                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("link", $hero->link, ['class'=>'form-control m-input'])}}
                            <label for="link">@lang("constants.link")</label>
                        </div>

                        <div class="form-group form-md-line-input form-md-floating-label">
                            <label for="description">@lang("constants.description")</label>
                            {{Form::textarea("description", $hero->description, ['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("animation", $hero->animation, ['class'=>'form-control m-input'])}}
                            <label for="title">@lang("constants.animation")</label>
                        </div>


                        <div class="form-group form-md-line-input form-md-floating-label">

                            <label class="btn green fileinput-button">
                                @lang("constants.browse") <input type="file" name="image" hidden>
                            </label>
                        </div>

                        <div class="form-group">
                            <label for="is_email">
                                {!! Form::checkbox("is_email",1,$hero->is_email,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                With Email</label>

                        </div>

                        <div class="form-group">
                            <label for="is_active">
                                {!! Form::checkbox("is_active",1,$hero->is_active,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                @lang('constants.is_active')</label>

                        </div>

                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::text("color", $hero->color, ['class'=>'form-control m-input'])}}
                            <label for="color">Background Color</label>
                        </div>

                        <div class="form-group">
                        <label for="is_active">
                            {!! Form::checkbox("is_dark",1,$hero->is_dark,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                            @lang('constants.is_dark')</label>

                        </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>
@endsection