@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">Update Campaign - {{$campaign->title}}</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.update",$campaign->id],'role'=>"form",'method'=>"put", 'files' => true])}}
                    <div class="form-body">
                        <div class="form-group">
                            {{Form::label("name","Title")}}
                            {{Form::text("name",$campaign->title,['class'=>'form-control m-input'])}}
                        </div>

                        <div class="form-group">
                            {{Form::label("name","Image")}}
                            <input type="file" name="image">
                            <img src="https://cdn.ihouse.ps/{{$campaign->image_url}}" alt="" class="img-thumbnail" width="300">
                        </div>

                        <div class="form-group">
                            {{Form::label("name","Dark mode Image")}}
                            <input type="file" name="dark_image">
                            <img src="https://cdn.ihouse.ps/{{$campaign->dark_image_url}}" alt="" class="img-thumbnail" width="300">

                        </div>

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

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

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

                        <div class="form-group m-form__group">
                            <label for="link">Sources</label>
                            <ul>
                            @foreach($sources as $source)
                                <li>{{$source->model_name}}</li>
                            @endforeach
                        </ul>
                        </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",$campaign->start_date->format("d/m/Y"),['class'=>"form-control"])}}
                            <span class="input-group-addon"> to </span>
                            {{Form::text("to",$campaign->end_date->format("d/m/Y"),['class'=>"form-control"])}}



                        </div>
                        <div class="form-group">
                            <label for="is_active">
                                {!! Form::checkbox("is_active",1,$campaign->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.save")</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