@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 Badge</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    {{Form::open(['route'=>["admin.badges.update",$badge->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",$badge->title,['class'=>'form-control m-input'])}}
                            <label for="title">@lang("constants.name")</label>
                        </div>

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

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

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

                        <div class="form-group form-md-line-input form-md-floating-label">
                            {{Form::select("position", ['top-left'=>"Top Left","top-right"=>"Top Right","bottom"=>"Bottom"],$badge->position, ['class'=>'form-control m-input'])}}
                            <label for="code">Position</label>
                        </div>


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

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

                        <div class="form-group">
                            <label for="is_active">
                                {!! Form::checkbox("is_active",1,$badge->is_active,['class'=>'checkbox', 'style'=> 'display: inline-block']) !!}
                                @lang('constants.is_active')</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>
        $.fn.select2.defaults.set("theme", "bootstrap");
        $(".select2, .select2-multiple").select2({
            placeholder: "Select category or more",
            width: null
        });
    </script>
@endsection