@extends('app')
@section('content')

    <link href="{{ asset("assets/css/bootstrap-fileupload.css") }}" rel="stylesheet" />
    <link href="{{ asset("assets/css/imgareaselect-default.css") }}" rel="stylesheet" />


    <div class="row">
        <div class="col-md-12">
            <div class="grid simple">
                <div class="grid-body no-border"> <br>
                    @if($errors->any())
                        <div class="row">
                            <div class="alert alert-error col-md-6 col-sm-12 col-md-offset-3">
                                <button data-dismiss="alert" class="close"></button>
                                @foreach($errors->all() as $error)
                                    <p>{{ $error }}</p>
                                @endforeach
                            </div>
                        </div>
                    @endif
                    {!! Form::model($event, ['method' => $event ? 'PATCH' : 'POST','route' => $event ? ['events.update', $event->id] : 'events.store','id'=>'form_events', 'novalidate'=>"novalidate","enctype"=>"multipart/form-data"]) !!}
                    @if($event)
                    <div class="form-group row">
                        <div class="input-with-icon  right col-md-5 col-md-offset-3 col-sm-12">
                            {!! Form::text('event_id', null, ['class' => 'form-control' , 'id'=>'arabic_name_input' , 'readonly']) !!}
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('event_id', 'الهوية', ['class' => 'form-label']) !!}
                        </div>
                    </div>
                    @endif
                    <div class="form-group row">

                        <div class="input-with-icon  right col-md-5 col-md-offset-3 col-sm-12">
                            {!! Form::text('arabic_title', null, ['class' => 'form-control' , 'id'=>'arabic_name_input']) !!}
                            <span class="help"><span id="char_arabic_name">40</span> <span class="ar_f">الحروف المتبقية</span></span><br>
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('arabic_title', 'العنوان العربية', ['class' => 'form-label']) !!}<span style="color: red;"> *</span>
                        </div>
                    </div>
                    <div class="form-group row">

                        <div class="col-md-5 col-md-offset-3 col-sm-12">

                            {!! Form::text('english_title', null, ['class' => 'form-control' , 'style' => "text-align: left" , 'id'=>'english_name_input']) !!}
                            <span class="help"><span id="char_english_name">40</span> <span class="ar_f">الحروف المتبقية</span></span><br>
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('english_title', 'العنوان الانجليزية', ['class' => 'form-label']) !!}
                        </div>
                    </div>

                    <div class="form-group row">


                        <div class="input-with-icon  right col-md-3 col-md-offset-5 col-sm-12" >

                            {{--                            {!! Form::date('date', null , ['class' => 'form-control ', 'id'=>'date' ,'required' => true]) !!}--}}
                            {{--<input type="date" name="date" id="date" value='{{$event ? $event->date : ''}}' class="form-control">--}}
                            {!! Form::text('date', $event ? strftime("%d/%m/%Y",strtotime(str_replace("/","-",$event->date)))  : '', ['class' => 'form-control','id'=>'date']) !!}

                        </div>
                        <div class="col-md-1 col-sm-12 text-left">
                            {!! Form::label('date', 'التاريخ', ['class' => 'form-label']) !!}
                        </div>

                    </div>


                    <div class="form-group row">

                        <div class='radio-group inline right col-md-5 col-md-offset-3 col-sm-12'>
                            <div class="radio">
                                <input type="radio" value="0" {{$event ?  ($event->gender==0 ? 'checked' : ''):'checked' }}  name="gender" id="both">
                                <label for="both">Both</label>
                                <input type="radio" value="1" {{$event ?  ($event->gender==1 ? 'checked' : ''):'' }} name="gender" id="male">
                                <label for="male">Male</label>
                                <input type="radio" value="2" {{$event ?  ($event->gender==2 ? 'checked' : ''):'' }}  name="gender" id="female">
                                <label for="female">Female</label>

                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('gender', 'الجنس', ['class' => 'form-label']) !!}
                        </div>
                    </div>

                    <div class="form-group row">

                        <div class='radio-group inline right col-md-5 col-md-offset-3 col-sm-12'>
                            <div class="radio">
                                <input type="radio" {{$event ?  ($event->status==1 ? 'checked' : ''):'checked' }} value="1" name="status" id="yes">
                                <label for="yes">نشرت</label>
                                <input type="radio" value="0" {{$event ?  ($event->status==0 ? 'checked' : ''):'' }}  name="status" id="no">
                                <label for="no">غير منشورة</label>

                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('status', 'الحالة', ['class' => 'form-label']) !!}
                        </div>
                    </div>

                    <div class="form-actions" style="margin-left: -13px !important; margin-right: -13px !important; padding-bottom: 13px !important">
                        <a href="{{URL::to('admin/events')}}" class="btn btn-info btn-cons">إلغاء</a>
                        <div class="pull-right">
                        {!! Form::submit($event ? 'تحديث' : 'حفظ', ['class' => 'btn btn-primary btn-cons','id' => 'btn-submit']) !!}
                        <!--                    <button class="btn btn-white btn-cons" type="button">Cancel</button>-->
                        </div>
                    </div>
                    {!! Form::close() !!}

                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    <script>

        jQuery('#form_events').submit(function (event) {
            var pass = true;
            //some validations

            if (pass == false) {
                return false;
            }
            form = this;
            jQuery('#btn-submit').attr('disabled', 'disabled');
            event.preventDefault();
            setTimeout(function () {
                form.submit();
            }, 500);
            jQuery('#progressbar').show();

            return true;
        });
        $(document).ready(function(){
            var existing_event_start_date = $("#date").val();
            $('#date').datepicker({
                format: 'dd/mm/yyyy',
                autoclose: true,
                orientation: 'bottom'
            });
            $("#date").datepicker("setDate", existing_event_start_date ? existing_event_start_date : new Date());
            updateFeatureCharLimitNum('english_name_input','char_english_name',40);
            updateFeatureCharLimitNum('arabic_name_input','char_arabic_name',40);
            $("#english_name_input, #arabic_name_input").keyup(function (event) {
                updateFeatureCharLimitNum('english_name_input','char_english_name',40);
                updateFeatureCharLimitNum('arabic_name_input','char_arabic_name',40);
            });

        });
    </script>

@endsection