@extends('app')
@section('content')
{!! Breadcrumbs::render('admin.volunteers.create') !!}
<div class="page-title"> <a href="{{ URL::previous() }}"><i class="icon-custom-right"></i></a>
    <h3>volunteers - <span class="semi-bold">{{ $volunteer ? 'Edit' : 'Add'}}</span></h3>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="grid simple">
            <div class="grid-title no-border">
                <h4>{{ $volunteer ? 'Edit' : 'Add'}} <span class="semi-bold">volunteer</span></h4>
                {{--<div class="tools">
                    <a class="collapse" href="javascript:;"></a> 
                    <a class="reload" href="javascript:;"></a> 
                </div>--}}
            </div>
            <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($volunteer,['route' => $volunteer ? ['admin.volunteers.update','id'=>$volunteer->id] : 'admin.volunteers.store','method'=> $volunteer ? 'PUT' : 'POST', 'id'=>'form_volunteers', 'novalidate'=>"novalidate"]) !!}
                <div class="form-group row">
                    <div class="col-md-3 col-sm-12 text-right">
                        {!! Form::label('name', 'Name:', ['class' => 'form-label']) !!}
                    </div>
                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class="input-with-icon  right col-md-6 col-sm-12">                                       

                        {!! Form::text('name', null, ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-3 col-sm-12 text-right">
                        {!! Form::label('display_name', 'Display Name:', ['class' => 'form-label']) !!}
                    </div>
                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class="input-with-icon  right col-md-6 col-sm-12">                                       

                        {!! Form::text('display_name', null, ['class' => 'form-control']) !!}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-3 col-sm-12 text-right">
                        {!! Form::label('Description', 'Description:', ['class' => 'form-label']) !!}
                    </div>
                    <!-- <span class="help">e.g. "Jonh Smith"</span> -->
                    <div class="input-with-icon  right col-md-6 col-sm-12">                                       

                        {!! Form::textarea('description', null, ['class' => 'form-control','rows'=>3]) !!}
                    </div>
                </div>
                
                <div class="form-group row">
                  <div class="col-md-3 col-sm-12 text-right">
                    <label class="control-label">Assign Permissions:</label>
                  </div>
                  <div class="col-md-6 col-sm-12 text">
                    <label for='check_all_permitions' class="check">
                        <input name='check_all' type="checkbox" id="check_all_permitions"/> All Permitions
                    </label>
                  </div>
                  <div class="col-md-2 col-sm-12">
                    <a href="{{ URL::to('admin/permissions')}}" class='btn btn-primary'>Reload Permissions</a>
                  </div>
                </div>
                                <div class="form-actions">  
                    <a href="{{URL::to('admin/volunteers')}}" class="btn btn-default btn-cons">Cancel</a>
                    <div class="pull-right">
                        {!! Form::submit($volunteer ? 'Update' : 'Save', ['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>
<script>
    jQuery('#form_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(){
        // $('.countries_select').prepend('<option value="all">All</option>');
        $('.countries_select').select2({placeholder: 'Select Country'})
        .on("change", function(e) {
          // mostly used event, fired to the original element when the value changes
          $('#volunteer_countries').val($('.countries_select').val());
        });
        // set value if already has tags in edit form
        $('#volunteer_countries').val($('.countries_select').val());
       
       $('.cities_select').select2({placeholder: 'Select City'})
        .on("change", function(e) {
          // mostly used event, fired to the original element when the value changes
          $('#volunteer_cities').val($('.cities_select').val());
        });
        // set value if already has tags in edit form
        $('#volunteer_cities').val($('.cities_select').val());
        $('#check_all_permitions').bind('change',function(){
            if(this.checked){
                $('.volunteer_check').prop('checked',true);
            } else {
                $('.volunteer_check').prop('checked',false);
            }
        });
    });
</script>

@endsection