@extends('layouts/default')

{{-- Page title --}}
@section('brdcrum')

@stop

@section('title')
   {{ trans('admin/users/table.uploaddocument') }}  
@parent
@stop

@section('header_right')



<a href="{{ url('admin/users') }}" class="btn btn-primary pull-right">
    {{ trans('general.back') }}</a>

@stop


{{-- Page content --}}

<style type="text/css">
    #create-form select + .error,
    #create-form textarea + .error,
    #create-form input + .error{
        display: inline-block;
        position: absolute;
        bottom: -25px;
        width: 100%;
        left: 0;
    }
    #create-form .form-group  {
        display: inline-block;
        width: 100%;
        margin-bottom: 25px;
    }
    #create-form  .error {
        padding-left: 15px;
    }
</style>

@section('content')
@include('notifications')
<div class="row">
    <div class="col-md-12">
        <div class="box box-default">
            <div class="box-body">
                <form id="create-form" class="form-horizontal create-form" method="post" action="{{ \Request::url() }}" autocomplete="off" role="form" enctype="multipart/form-data">

                    <div class="box-header with-border" style="margin-bottom: 10px;">
                      <div class="col-md-3">
                        <b>Name : </b> {{ $user->full_name }}
                      </div>
                      <div class="col-md-6">
                        <b>Mobile : </b> {{ $user->phone }}
                      </div>
                    </div>
                    <!-- CSRF Token -->
                    {{ csrf_field() }}                                                    
                    <div class="row">
                      <div class="col-md-6">
                          <div class="form-group {{ $errors->has('document_type_master_id') ? ' has-error' : '' }}">
                            <div class="col-md-4 control-label">{{ Form::label('document_type_master_id', trans('admin/users/table.document_type')) }}</div>
                            <div class="col-md-7 col-sm-12 required">
                                {{ Form::select('document_type_master_id', $document_type , Input::old('document_type_master_id'), array('class'=>'select2', 'style'=>'width:100%')) }}
                               {!! $errors->first('document_type_master_id', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                             </div>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group {{ $errors->has('document_details') ? ' has-error' : '' }}">
                            <div class="col-md-4 control-label">{{ Form::label('document_details', trans('admin/users/table.document_details')) }}</div>
                                <div class="col-md-7 col-sm-12">
                                    {{Form::text('document_details', Input::old('document_details'), array('class' => 'form-control')) }}
                                    {!! $errors->first('document_details', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                               </div>
                            </div>
                      </div>
                    </div>                                                  
                    <div class="row">
                      <div class="col-md-6">
                          <div class="form-group {{ $errors->has('document_expire') ? ' has-error' : '' }}">
                            <div class="col-md-4 control-label">{{ Form::label('document_expire', trans('admin/users/table.document_expire')) }}</div>
                            <div class="col-md-7 col-sm-12 required">
                                <div class="input-group">
                                  <input type="text" class="datepicker form-control" data-date-format="dd-mm-yyyy" placeholder="dd-mm-yyyy" name="document_expire" id="document_expire" value="{{ Input::old('document_expire') }}">
                                  <span class="input-group-addon birth_datepicker"><i class="fa fa-calendar"></i></span>
                                </div>
                               {!! $errors->first('document_expire', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                             </div>
                          </div>
                      </div>
                      <div class="col-md-6">
                          <div class="form-group {{ $errors->has('document') ? ' has-error' : '' }}">
                            <div class="col-md-4 control-label">{{ Form::label('document', trans('admin/users/table.document')) }}</div>
                                <div class="col-md-7 col-sm-12 required">
                                    <input type="file" name="document" id="document" class="form-control validationError" />
                                    {!! $errors->first('document', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                               </div>
                            </div>
                      </div>
                    </div> 
                    <div class="col-md-12">
                    	<div class="box-footer text-right">
                        <button type="submit" class="btn btn-success"><i class="fa fa-check icon-white"></i> Upload</button>
                      </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="box box-default">
      <div class="box-body">
        <div class="table table-responsive">
          <table
            name="usersDoc"
            data-height="500"
            data-toolbar="#toolbar"
            class="table table-striped snipe-table"
            id="table"
            data-toggle="table"
            data-url="{{ route('users/userdocumentList', array('userId'=>$user_id)) }}"
            data-cookie="true"
            data-click-to-select="true"
            data-cookie-id-table="userDocDisplay-{{ config('version.hash_version') }}">
            <thead>
              <tr>
                <th data-switchable="false" data-searchable="false" data-sortable="false" data-field="actions" >{{ trans('table.actions') }}</th>

                <th data-switchable="true" data-sortable="false" data-field="doc_name" data-searchable="false">{{ trans('admin/users/table.doc_name') }}</th>

                <th data-switchable="true" data-sortable="false" data-field="docType" data-searchable="false">{{ trans('admin/users/table.document_type') }}</th>

                <th data-switchable="true" data-sortable="false" data-field="document_details" data-searchable="false">{{ trans('admin/users/table.document_details') }}</th>

                <th data-switchable="true" data-sortable="false" data-field="document_expire" data-searchable="false">{{ trans('admin/users/table.document_expire') }}</th>
                
                <th data-switchable="true" data-sortable="false" data-field="status" data-searchable="false">{{ trans('admin/users/table.status') }}</th>
                
                <th data-switchable="true" data-sortable="false" data-field="created_at" data-searchable="false">{{ trans('admin/users/table.created_at') }}</th>
              </tr>
            </thead>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@section('moar_scripts')
@include ('partials.bootstrap-table', ['exportFile' => 'docs-export', 'search' => false])

<script type="text/javascript">
$(document).ready(function () {
  var ignoreDocLits = JSON.parse('{{json_encode($ignoreDocLits)}}');
  jQuery.validator.addMethod("document_expire", function(value, element, param) {

    var document_type_master_id = parseInt($('#document_type_master_id').val());
      if($.inArray(document_type_master_id,ignoreDocLits) < 0)
      {
        console.log(1);
        if(value == '')
            return false;
      }
      return true;
  });

  $("#create-form").validate(
{
    rules:{
        
        'document_type_master_id':{
            required: true,
                                 
        },
         
        'document_expire':{
            document_expire: true,                        
        },
        
        'document':{
            required: true,                    
        },
        

    },
    messages:{
        'document_type_master_id':{
            required: "The document type is required.",
                                  
        },
        'document_details':{
            required: "The document details is required.", 

        },
        'document_expire':{
            document_expire: "The document expire date is required.", 

        },
        'document':{
            required:"The document is required.",
                           
        },
        
  
    },   
    submitHandler: function(form) {
      startLoading();
            form.submit();
      // $("form#create-form").submit();
      }
});
});
</script>
@stop
@stop