@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
        <h3 class="page-title">
            Edit Name #{{ $name->id }}
        </h3>
        <ul class="breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="#">Dashboard</a> 
                <i class="icon-angle-right"></i>
            </li>
            <li><a href="#">Store</a><i class="icon-angle-right"></i></li>
            <li><a href="#">Name</a></li>
            
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        <div class="row-fluid">
            
            <div class="span12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <a href="{{ url('/admin/name') }}" title="Back"><button class="btn green btn-xs"><i class="m-icon-swapleft m-icon-white" aria-hidden="true"></i> Back</button></a>
                        <br />
                        <br />

                        <!-- @if ($errors->any())
                            <ul class="alert alert-danger">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        @endif -->

                        {!! Form::model($name, [
                            'method' => 'PATCH',
                            'url' => ['/admin/name', $name->id],
                            'class' => 'form-vertical',
                            'id' => 'myform',
                            'files' => true
                        ]) !!}

                        @include ('admin.name.form', ['submitButtonText' => 'Update'])

                        {!! Form::close() !!}

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function () {
          jQuery('#myform').validate( {
              highlight: function(element) {
                    jQuery(element).closest('.control-group').addClass('error');
                    jQuery(element).closest('.control-group').addClass('error');
              },
              unhighlight: function(element) {
                jQuery(element).closest('.control-group').removeClass('error');
              },
                errorElement: 'span',
                errorClass: 'help-block',
                focusInvalid: false, // do not focus the last invalid input
                ignore: "", // validate all fields including form hidden input
                rules: {
                    'name': {
                       required: true,
                    },
                    'id_number': {
                       required: true,
                    },
                    'passport': {
                       required: true,
                    },
                    'p_valid_from': {
                       required: true,
                       date : true,
                    },
                    'p_valid_to': {
                       required: true,
                       date : true,
                    },
                    'licence_number': {
                       required: true,
                    },
                    'l_valid_from': {
                       required: true,
                       date : true,
                    },
                    'l_valid_to': {
                       required: true,
                       date : true,
                    },
                    'tax_id': {
                       required: true,
                    },
                    'pension_number': {
                       required: true,
                    },
                    'employed': {
                       required: true,
                       date : true,
                    },
                    'dismissed': {
                       date : true,
                    },
                    'status': {
                       required: true,
                    },
                    'function' : {
                      required : true,
                    },
                    'module[]' : {
                      required : true,
                    },
              },
              errorPlacement: function (error, element) {
                if(element.parent('.input-group').length) {
                  error.insertAfter(element.parent());
                } else {
                  if (element.attr("name") == "module[]") {
                    error.appendTo('.module-error');
                  } else{
                    error.insertAfter(element);
                  }
                }
              },
              messages: {
                    'name' : {
                        required : "The name field is required",
                    },
                    'id_number': {
                       required : "The Id Number field is required",
                    },
                    'passport': {
                       required : "The passport field is required",
                    },
                    'p_valid_from': {
                       required: "The Valid from field is required",
                    },
                    'p_valid_to': {
                       required: "The Valid to field is required",
                    },
                    'licence_number': {
                       required: "The Licence Number field is required",
                    },
                    'l_valid_from': {
                       required: "The Valid from field is required",
                    },
                    'l_valid_to': {
                       required: "The Valid to field is required",
                    },
                    'tax_id': {
                       required: "The Tax id field is required",
                    },
                    'pension_number': {
                       required: "The pension number is required",
                    },
                    'employed': {
                       required: "The employed field is required",
                    },
                    'function' : {
                        required : "The function field is required",
                    },
                    'module[]' : {
                        required : "The module field is required",
                    },
                    'status' : {
                       required: "The status field is required",
                    },        
              }
          });
        });
    </script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#p_valid_from" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

  $( function() {
    $( "#p_valid_to" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

  $( function() {
    $( "#l_valid_from" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

  $( function() {
    $( "#l_valid_to" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

  $( function() {
    $( "#employed" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

  $( function() {
    $( "#dismissed" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );
  </script>
@endsection