@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($eventvolunteer, ['method' => $eventvolunteer ? 'PATCH' : 'POST','route' => $eventvolunteer ? ['eventvolunteers.update', $eventvolunteer->id] : 'eventvolunteers.store','id'=>'form_event_volunteers', 'novalidate'=>"novalidate","enctype"=>"multipart/form-data"]) !!}

                    <input type="hidden" value="{{$eventId}}" name="event_id" id="event_id"/>

                    <div class="form-group row">

                        <div class="input-with-icon  right col-md-5 col-md-offset-3 col-sm-12">
                            {!! Form::text('name', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            {!! Form::label('name', 'اسم', ['class' => 'form-label']) !!}<span
                                    style="color: red;"> *</span>
                        </div>
                    </div>

                    <div class="form-group row">

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

                            {!! Form::text('username', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            <label class="form-label">اسم المستخدم <span style="color: red;">*</span></label>
                        </div>
                    </div>

                    <div class="form-group row">

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

                            {!! Form::text('password', "", ['class' => 'form-control']) !!}
                            <span class="help">اترك هذا الصندوق فارغاً إذا كنت لا تريد تغيير كلمة المرور</span>
                        </div>
                        <div class="col-md-2 col-sm-12 text-left">
                            <label class="form-label">كلمه المرور<span style="color: red;">*</span></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"
                                       {{$eventvolunteer ?  ($eventvolunteer->status==1 ? 'checked' : ''):'checked' }} value="1"
                                       name="status" id="yes">
                                <label for="yes">Active</label>
                                <input type="radio" value="0"
                                       {{$eventvolunteer ?  ($eventvolunteer->status==0 ? 'checked' : ''):'' }}  name="status"
                                       id="no">
                                <label for="no">In-active</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/'.$eventId.'/eventvolunteers')}}"
                           class="btn btn-info btn-cons">إلغاء</a>
                        <div class="pull-right">
                        {!! Form::submit($eventvolunteer ? 'تحديث' : 'حفظ', ['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_event_volunteers').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 () {

            //
        });
    </script>

@endsection