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

    <link
        href="https://cdn.ihouse.ps/admin_assets/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.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 Campaign</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'=>"challenges.campaigns.store",'role'=>"form", 'files' => true])}}
                    <div class="form-body">
                        <div class="form-group">
                            {{Form::label("name","Title")}}
                            {{Form::text("name",NULL,['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            {{Form::label("name","Image")}}
                            <input type="file" name="image">
                        </div>

                        <div class="form-group">
                            {{Form::label("name","Dark mode Image")}}
                            <input type="file" name="dark_image">
                        </div>

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

                        <div class="form-group">
                            <label for="description">@lang("constants.description")</label>
                            {{Form::text("description", NULL, ['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            <label for="description">Heroes Count</label>
                            {{Form::number("heroes_count", NULL, ['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group m-form__group">
                            {{ Form::label("category", trans("constants.category")) }}
                            {{ Form::select("category", $categories, NULL, ['class' => 'form-control']) }}
                        </div>

                        <div class="form-group m-form__group">
                            {{ Form::label("sources", "Sources") }}
                            {{ Form::select("sources[]", $sources, NULL, ["multiple" => "true", 'class' => 'form-control select2-multiple']) }}
                        </div>

                        <label for="link">Date</label>

                        <div class="input-group input-large date-picker input-daterange" data-date="" data-date-format="dd/mm/yyyy">

                        {{Form::text("from",NULL,['class'=>"form-control"])}}
                        <span class="input-group-addon"> to </span>
                        {{Form::text("to",NULL,['class'=>"form-control"])}}



                    </div>
                    <div class="form-group">
                        <label for="is_active">
                            {!! Form::checkbox("is_active",1,1,['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.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/bootstrap-datepicker/js/bootstrap-datepicker.min.js"
        type="text/javascript"></script>

    <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
        });
        $(".date-picker").datepicker({format: 'dd/mm/yyyy', rtl: App.isRTL(), autoclose: !0})

    </script>

@endsection