@extends('layouts.app')

@section('content')
<div class="container-fluid">
  <div class="row-fluid">
    <!-- BEGIN PAGE TITLE & BREADCRUMB-->
    <h3 class="page-title">Create New Service : {{ $customer->name }}</h3>
    <ul class="breadcrumb">
      <li><i class="icon-home"></i><a href="#">Dashboard</a><i class="icon-angle-right"></i></li>
      <li><a href="#">Master</a><i class="icon-angle-right"></i></li>
      <li><a href="#">Logistic</a><i class="icon-angle-right"></i></li>
      <li><a href="#">Customer</a></li>
    </ul>
    <!-- END PAGE TITLE & BREADCRUMB-->
  </div>
  <div class="row-fluid">
    <div class="span12">
      <a href="{{ url('/admin/customer') }}/{{ $id }}" 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/>
      <div class="panel panel-default">
        <div class="panel-body">

        {!! Form::open(['url' => ['/admin/customer/service/create', $id],'class' => 'form-vertical','id'=>'myform','files' => true]) !!}

        <div class="portlet box green">
          <div class="portlet-title">
            <div class="caption"><i class="icon-globe"></i>Service Records</div>
            <div class="tools">
              <a href="javascript:;" class="reload"></a>
              <a href="javascript:;" class="remove"></a>
            </div>
          </div>
          <div class="portlet-body">
            <div class="row-fluid">
              

              <div class="span3">
                  <div class="control-group {{ $errors->has('service') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('service', 'Service <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls" style="font-size: 12px;">
                          {!! Form::select('service',['' => 'Select Service','transport'=>'Transport','logistic'=>'Logistic','warehouse'=>'Warehouse'] , null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('service', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>

              <div class="span3">
                  <div class="control-group {{ $errors->has('product_id') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('product', 'Product <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls" style="font-size: 12px;">
                          {!! Form::select('product_id',['' => 'Select Product'] + $page_data['product']->toArray() , null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('product_id', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>

              <div class="span3">
                  <div class="control-group {{ $errors->has('type') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('type', 'Type <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls" style="font-size: 12px;">
                          {!! Form::select('type',['' => 'Select Type','import'=>'Import','export'=>'Export'] , null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('type', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>
              
              <div class="span3">
                  <div class="control-group {{ $errors->has('twenty_heavy_rate') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('twenty_heavy_rate', '20 Heavy Rate <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls">
                          {!! Form::text('twenty_heavy_rate', null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('twenty_heavy_rate', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>
              
            </div>

            <div class="row-fluid">

               <div class="span3">
                  <div class="control-group {{ $errors->has('forty_rate') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('forty_rate', '40 Rate <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls">
                          {!! Form::text('forty_rate', null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('forty_rate', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>
                
              <div class="span3">
                  <div class="control-group {{ $errors->has('bb_rate') ? 'error' : ''}}">
                      <label class="control-label">{!! Html::decode(Form::label('bb_rate', 'BreakBulk Rate <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                      <div class="controls">
                          {!! Form::text('bb_rate', null, ['class' => 'm-wrap span12']) !!}
                          {!! $errors->first('bb_rate', '<p class="help-block">:message</p>') !!}
                      </div>
                  </div>
              </div>   
                <div class="span3">
                    <div class="control-group {{ $errors->has('validity_from') ? 'error' : ''}}">
                        <label class="control-label">{!! Html::decode(Form::label('validity_from', 'Validity From <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                        <div class="controls">
                            {!! Form::text('validity_from', null, ['class' => 'm-wrap span12']) !!}
                            {!! $errors->first('validity_from', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <div class="control-group {{ $errors->has('validity_to') ? 'error' : ''}}">
                        <label class="control-label">{!! Html::decode(Form::label('validity_to', 'Validity To <span class="required">*</span>', ['class' => 'col-md-4 control-label'])) !!}</label>
                        <div class="controls">
                            {!! Form::text('validity_to', null, ['class' => 'm-wrap span12']) !!}
                            {!! $errors->first('validity_to', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                </div>  
                 
                
            </div>

            <div class="row-fluid">
              <div class="span3">
                    <div class="control-group {{ $errors->has('corridor_id') ? 'error' : ''}}">
                        <label class="control-label"> {!! Form::label('corridor_id', 'Corridor', ['class' => 'col-md-4 control-label']) !!}</label>
                        <div class="controls">
                            {!! Form::select('corridor_id',['' => 'Select Corridor'] + $page_data['corridor']->toArray() , null, ['class' => 'm-wrap span12']) !!}
                            {!! $errors->first('corridor_id', '<p class="help-block">:message</p>') !!}
                        </div>
                    </div>
                </div>
            </div>
           
            <div class="row-fluid">
              <div class="span12">
                <div class="control-group">
                  <div class="controls">
                    <div class="col-md-offset-4 col-md-4">
                      {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn green']) !!}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>    
        </div>
        {!! 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: {   
              'service': {
                required: true,
              },
              'type': {
                 required: true,
              },
              'twenty_light_rate': {
                required : true,
                number   : true,
              },
              'twenty_heavy_rate': {
                required : true,
                number   : true,
              },
              'forty_rate': {
                required : true,
                number   : true,
              },
              'bb_rate': {
                required : true,
                number   : true,
              },
              'validity_from': {
                required: true,
              },
              'validity_to': {
                required: true,
              },
              'corridor_id': {
                required: function () {
                  return $('#service').val() == 'transport';
                }
              },
                
           },
           errorPlacement: function (error, element) {
                if(element.parent('.input-group').length) {
                    error.insertAfter(element.parent());
                } else {
                    error.insertAfter(element);
                }
           },
           messages: {
              'service': {
                required: "The service field is required",
              },
              'type': {
                required: "The type field is required",
              },
              'twenty_light_rate': {
                required : "The 20 inch light rate field is required",
                number   : "Only number are allowed",
              },
              'twenty_heavy_rate': {
                required : "The 20 inch heavy rate field is required",
                number   : "Only number are allowed",
              },
              'forty_rate': {
                required : "The 40 inch rate field is required",
                number   : "Only number are allowed",
              },
              'bb_rate': {
                required : "The break bulk rate field is required",
                number   : "Only number are required",
              },
              'validity_from': {
                required: "The validity from field is required",
              },
              'validity_to': {
                required: "The validity to field is required",
              },
              'corridor_id': {
                required: "The corridor filed 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() {
    $( "#validity_from" ).datepicker({ dateFormat: 'yy-mm-dd' });
  } );

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