@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Edit Picker List')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a>
                    </li>
                    <li><a href="{{ URL::to('admin/picker-lists') }}">@lang('messages.Manage Picker Lists')</a></li>
                    <li>@lang('messages.Edit Picker List')</li>
                </ul>

            </div>
        </div>
    </div>

    <div class="content">
        <div class="row">
            <div class="">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-plus"></i>@lang('messages.Edit Picker List')
                        </div>
                    </div>
                    <div class="portlet-body form">

                        {!!Form::open(array('class'=>'form-horizontal','id'=>'picker_form','files' => true));!!}
                        <div class="form-body">

                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('township_id', trans('messages.Township Name')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    <select id='township_id' class='select2' name='township_id'>
                                        @if (!empty($townshipList))
                                            <option value=''>@lang('messages.Select TownShip')</option>
                                            @foreach($townshipList as $township)
                                                <option value='{{$township->id}}' @if($township->id == $pickerList->township_id) selected @endif>{{$township->name_en}}</option>
                                            @endforeach
                                        @else
                                            <option value=''>@lang('messages.No Townships Found')</option>
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('first_name', trans('messages.First Name')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                             {!! Form::text('first_name', @$pickerList->first_name, ['id' => 'first_name', 'class' => 'form-control']) !!}
                                </div>
                            </div>
                              <div class='form-group'>
                                <div class='control-label col-md-3'>
                                    {{ Form::label('last_name', trans('messages.Last Name')) }}<span
                                            class='required asterisk' aria-required='true'>*</span>
                                </div>
                                <div class='col-md-4'>
                                    {!! Form::text('last_name', @$pickerList->last_name, ['id' => 'last_name', 'class' => 'form-control']) !!}
                                </div>
                            </div>


                            <div class="form-group radio_checkbox">
                                <label class="control-label col-md-3">
                                    @lang('messages.Status')<span class="required asterisk"
                                                                  aria-required="true">*</span>
                                </label>
                                <div class="col-md-8">
                                    @if($pickerList->status == "1")
                                                                            @else
                                                                            @endif
                                    <input type="checkbox" class="" name="status"  id="status" value="1">
                                    <label for="status" class="toogle">@lang('messages.Active')</label>
                                </div>
                            </div>

                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        @if(IzoCommonHelper::hasPermission('update_picker_list'))
                                        <button type="submit" id="btnSubmit" value="submit" data-loading-text="<i class='fa fa-spinner fa-spin '></i> @lang('messages.Processing...')" class="btn btn-primary">@lang('messages.Update')</button>
                                       <button type="button" id="btnCancel" value="" class="btn btn-danger"
                                            onclick="window.location='{{ url('/admin/picker-lists') }}'">
                                        @lang('messages.Cancel')</button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close(); !!}
                    </div>

                </div>
            </div>

        </div>
    </div>
        <script>
        $(document).ready(function () {
            $('#township_id').select2();
            $('#picker_form').submit(function (e) {
                e.preventDefault();
                $('#loader-wrapper').removeClass('loader');
                $("#btnSubmit").attr("disabled", true);
                $('#btnCancel').attr("disabled", true);
                $('#btnSubmit').button('loading');
                var token, url, data;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{url('admin/picker-lists/update/'.$pickerList->id)}}';
                data = new FormData(this);
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: data,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        $('#loader-wrapper').addClass('loader');
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            var loc = '{{ url('admin/picker-lists')}}';
                            $(location).attr('href', loc);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    },
                    error: function (err) {
                        $("#btnSubmit").attr("disabled", false);
                        $('#btnCancel').attr("disabled", false);
                        $('#btnSubmit').button('reset');
                    }
                });
            });
        });

    </script>
@endsection