@extends('admin.layouts.master')

@section('title')
    Agent
@stop

@section('style')

@stop

@section('content')
<div class="content-wrapper" >
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <span class="fa fa-user-plus"></span> New Agent
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-user-plus"></i> Admin Panel</a></li>
                <li class="active">New Agent</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content" style=" padding-bottom: 10%;">
            <div class="page-header">
                <a href="{{route('agents')}}" class="btn btn-primary"><i class="fa fa-backward"></i> Back</a>
            </div>
            <form method="post" action="{{route('agents.new')}}">
                <input type="hidden" name="agent_id" id="agent_id" class="form-control" value="" readonly>
                <div class="col-md-6">
                    <div class="form-group has-feedback @if($errors->has('code')) has-error @endif">
                        <label for="code" class="control-label">Agent Code</label>
                        <input type="text" name="code" id="code" class="form-control" value="">
                        <span class="glyphicon glyphicon-barcode form-control-feedback"></span>
                        @if($errors->has('code')) <span class="help-block">{{$errors->first('code')}}</span> @endif
                    </div>
                    <div class="form-group has-feedback @if($errors->has('username')) has-error @endif">
                        <label for="username" class="control-label">Username</label>
                        <input type="text" name="username" id="username" class="form-control" value="">
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        @if($errors->has('username')) <span class="help-block">{{$errors->first('username')}}</span> @endif
                    </div>
                    <div class="form-group has-feedback @if($errors->has('fullname')) has-error @endif">
                        <label for="fullname" class="control-label">Agent Name</label>
                        <input type="text" name="fullname" id="fullname" class="form-control" value="">
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        @if($errors->has('fullname')) <span class="help-block">{{$errors->first('fullname')}}</span> @endif
                    </div>

                    <div class="form-group has-feedback @if($errors->has('email_ad')) has-error @endif">
                        <label for="email_ad" class="control-label">Email Address</label>
                        <input type="email" name="email_ad" id="email_ad" class="form-control" value="">
                        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                        @if($errors->has('email_ad')) <span class="help-block">{{$errors->first('email_ad')}}</span> @endif
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="form-group has-feedback @if($errors->has('address')) has-error @endif">
                        <label for="address" class="control-label">Address</label>
                        <input type="text" name="address" id="address" class="form-control" value="">
                        <span class="glyphicon glyphicon-book form-control-feedback"></span>
                        @if($errors->has('address')) <span class="help-block">{{$errors->first('address')}}</span> @endif
                    </div>

                    <div class="form-group has-feedback @if($errors->has('fb')) has-error @endif">
                        <label for="fb" class="control-label">Facebook</label>
                        <input type="text" name="fb" id="fb" class="form-control" value="">
                        <span class="glyphicon glyphicon-facebook form-control-feedback"></span>
                        @if($errors->has('fb')) <span class="help-block">{{$errors->first('fb')}}</span> @endif
                    </div>

                    <div class="form-group has-feedback @if($errors->has('contact_no')) has-error @endif">
                        <label for="contact_no" class="control-label">Contact No.</label>
                        <input type="text" name="contact_no" id="contact_no" class="form-control" value="">
                        <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                        @if($errors->has('contact_no')) <span class="help-block">{{$errors->first('contact_no')}}</span> @endif
                    </div>

                    <div class="form-group has-feedback @if($errors->has('position')) has-error @endif">
                        <label for="position" class="control-label">Position</label>
                        <select name="position" id="position" class="form-control">
                           @foreach ($pst as $key => $value)
                            <option value="{{$value}}">{{$value}}</option>
                           @endforeach
                        </select>
                        @if($errors->has('position')) <span class="help-block">{{$errors->first('position')}}</span> @endif
                    </div>

                    <div class="form-group has-feedback @if($errors->has('team_id')) has-error @endif">
                        <label for="team_id" class="control-label">Team</label>
                        <select name="team_id" id="team_id" class="form-control">
                            <option value="">Select Team</option>
                            @foreach($team as $tm)
                                <option value="{{$tm->id}}">{{$tm->name}}</option>
                            @endforeach
                        </select>
                        @if($errors->has('team_id')) <span class="help-block">{{$errors->first('team_id')}}</span> @endif
                    </div>
                </div>

                {{--Checkbox--}}
                {{--<div class="col-md-12">
                    <div style="border: solid #257AAF;padding:10px; border-radius: 3px;margin-bottom: 8px;">
                        <fieldset style="padding: 3px;">
                            <legend>Requirements</legend>
                            <div class="form-group has-feedback @if($errors->has('valid_id')) has-error @endif">
                                <label for="valid_id" class="custom-checkbox checked">
                                    @if ($agent->valid_id == 1)
                                        <input type="checkbox" id="valid_id" name="valid_id" value="{{$agent->valid_id}}" checked="checked">
                                    @else
                                        <input type="checkbox" id="valid_id" name="valid_id"value="1" checked="checked">
                                    @endif
                                        Valid ID
                                </label>
                            </div>

                            <div class="form-group has-feedback @if($errors->has('tin_id')) has-error @endif">
                                <label for="tin_id" class="custom-checkbox">
                                @if ($agent->tin_id == 1)
                                    <input type="checkbox" id="tin_id" value="{{$agent->tin_id}}" checked="checked">
                                @else
                                    <input type="checkbox" id="tin_id" value="1">
                                @endif
                                    Tax ID
                                </label>
                            </div>

                            <div class="form-group has-feedback @if($errors->has('nbi_clearance')) has-error @endif">
                                <label for="nbi_clearance" class="custom-checkbox">
                                @if ($agent->nbi_clearance == 1)
                                    <input type="checkbox" id="nbi_clearance" value="{{$agent->nbi_clearance}}" checked="checked">
                                @else
                                    <input type="checkbox" id="nbi_clearance" value="1">
                                @endif
                                    NBI Clearance
                                </label>
                            </div>

                            <div class="form-group has-feedback @if($errors->has('orientation')) has-error @endif">
                                <label for="orientation" class="custom-checkbox">
                                @if ($agent->nbi_clearance == 1)
                                    <input type="checkbox" id="orientation" value="{{$agent->orientation}}" checked="checked">
                                @else
                                    <input type="checkbox" id="orientation" value="1">
                                @endif
                                    Orientation
                                </label>
                            </div>

                            {{--<input type="checkbox" name="acceptRules" class="inline checkbox" id="checkbox1" value="false">
                            <input type="text" id="checkbox-value1" name="checkbox-value1" value="">--}}
                            {{--<div id="checkbox-value1"></div>--}}
                            {{--<div id="checkbox-value1"></div>
                            <div id="checkbox-value2"></div>
                            <div id="checkbox-value3">Orientation</div>--}}

                            {{--<input type="checkbox" key="1"/>
                            <input type="text" id="checked[1]" name="checked[1]" value="0">
                            <input type="checkbox" key="2"/>
                            <input type="text" id="checked[2]" name="checked[2]" value="0">
                            <input type="checkbox" key="3"/>
                            <input type="text" id="checked[3]" name="checked[3]" value="0">
                            <input type="checkbox" key="4"/>
                            <input type="text" id="checked[4]" name="checked[4]" value="0">
                        </fieldset>
                    </div>
                </div>--}}

                <div class="form-group" style="padding: 10px;">
                    <button type="submit" id="btnSave" name="btnSave" class="btn btn-success btn-s"><i class="fa fa-save"></i> Save</button>
                    <a href="{{route('agents')}}" class="btn btn-primary"><i class="fa fa-arrow-left"></i> Cancel</a>
                </div>
                {{csrf_field()}}
            </form>

        </section>
        @if(Session('info'))
            <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
            <div class="tem alert alert-success navbar-fixed-bottom"><span class="glyphicon glyphicon-ok-circle"></span> {{Session('info')}}</div>
            </div>
            </div>
        @endif

        <!--Modal Notif-->
        <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style=" padding-right: 0px;background-color: rgba(4, 4, 4, 0.8);">
          <div class="modal-dialog modal-lg" style="top: 20%;width: 70%;text-align: center;">
            <div class="modal-content" style="border-radius: 0px;border: none;top: 40%;">
              <div class="modal-body" id="modBody" style="background-color: #BB2E0F;color: white;"> {{--0f8845--}}
                <h3 id="h22"></h3>
                <h5 id="h44"></h5>
              </div>
            </div>
          </div>
        </div>

</div>
@stop

@section('script')

<script>
    $(document).ready(function () {
        /*$('[key]').change(function () {
            var key = $(this).attr('key');
            $($('[name="checked[' + key + ']"]')).val($(this).is(':checked') ? 1 : 0);
            var r = $($('[name="checked[' + key + ']"]')).val($(this).is(':checked') ? 1 : 0);
            var t = $('#checked['+key+']');
            //alert(t);
            console.log(t);
        });*/
    });
</script>

<script>

    function notifPopup(title,body) {
        $('#h22').text(title);
        $('#h44').text(body);
        $('.bs-modal-lg').modal('toggle');
        setTimeout(function() {$('.bs-modal-lg').modal('hide');}, 5000);
    }

    $('#fullname').on('blur', function () {
        //alert('ready');
        var fullname = $('#fullname').val();
        //alert(fullname);
        //alert($option.val());
        /*if(fullname==''){
            $('#fullname').val('');
            }
            else{*/
                //$('#spinner').modal({backdrop: 'static', keyboard: false});
                    $.ajax({
                    url:"{{route('agents.chkFullname')}}",
                    method: 'get',
                    headers:  {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    data:{
                      'fullname':fullname
                    },
                    dataType:'json',
                    success:function(data){
                        console.log(data.chk);
                        if (data.chk == true) {
                            //alert('naa');
                            notifPopup('Notification', 'Agent name already exist. Please provide another name');
                            $('#btnSave').prop("disabled", true);
                        } else {
                            $('#btnSave').prop("disabled", false);
                        }
                        //$('#spinner').modal('toggle');
                },
                error: function (jqXHR, exception) {
                    console.log(jqXHR);
                }
            });
            //} //end else
    });

    /*$('#checkbox-value').text($('#checkbox4').val());

    $("#checkbox4").on('change', function() {
      if ($(this).is(':checked')) {
        $(this).attr('value', 1);
      } else {
        $(this).attr('value', 0);
      }
      $('#checkbox-value4').val($('#checkbox4').val());
    });*/

</script>

@stop