@extends('layouts.master')
@section('title', 'Equipments')
@section('pageheader')
<!-- Page Header -->

<div class="page-header">
   <div class="header-icon"><i class="fa fa-cog"></i></div>
   <h5>ADMINISTRATIVE SETTINGS</h5>
   <div class="form-group float-right mt-2">
      <select class="form-control">
         <option>Equipment</option>
         <option>equipments</option>
      </select>
   </div>
</div>
<!-- /#Page Header -->
@endsection
@section('breadcrumb')
<nav aria-label="breadcrumb">
   <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="#">Administrative settings</a></li>
      <li class="breadcrumb-item"><a href="{{ route('equipment.index') }}">Equipment Master</a></li>
      <li class="breadcrumb-item active" aria-current="page"> Equipment</li>
   </ol>
</nav>
@endsection
@section('content')
<div class="detail-accordion">
   <ul class="nav nav-tabs" id="myTab" role="tablist">
      <li class="nav-item col">                  
         <a class="nav-link active" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="true">General Info</a>
      </li>
   </ul>
   @include ('errors.list') 
   @if(isset($equipment['id']))        
   {{ Form::model($equipment, array('route' => array('equipment.update', $equipment->id),'id'=>'equipment_form','method' => 'PUT')) }}
   @else
   {{ Form::open(array('route' => 'equipment.store','id'=>'equipment_form')) }} 
   @endif
   <div class="tab-content" id="myTabContent">
      <div class="tab-pane fade show active" id="info" role="tabpanel" aria-labelledby="info-tab">
         <div class="row">
          <div class="col-2"></div>
            <div class="col-6">
               <div class="sub-header">
                  <h4>Equipment Info</h4>
               </div>
                <div class="form-group row">
                    <label for="equipment_type" class="col-sm-4 control-label">Equipment Type</label>
                    <div class="col-sm-8">
                        <select id="equipment_type" name="equipment_type" class="form-control">
                                                    }

                        </select>
                    </div>
                </div>
             
               <div class="form-group row">
                  {{ Form::label('equipment_name', 'Equpment Name',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                     {{ Form::text('equipment_name', (isset($equipment->equipment_name) ? $equipment->equipment_name : null), array('class' => 'form-control','required'=>'')) }}
                  </div>
               </div>
               <div class="form-group row">
                  {{ Form::label('reference_number', 'Reference Number',array('class' => 'col-sm-4 col-form-label ')) }}
                  <div class="col-sm-8">
                     {{ Form::text('reference_number', (isset($equipment->reference_number) ? $equipment->reference_number : null), array('class' => 'form-control','required'=>'')) }}
                  </div>
               </div>
         
                 <div class="form-group row">
                    <label for="equipment_type" class="col-sm-4 control-label">Status</label>
                    <div class="col-sm-8">
                        <select id="status" name="status" class="form-control">
                                                    }

                        </select>
                    </div>
                </div>
            </div>
         </div>
      </div>
      <hr class="dotted">
      <div class="row">
         <div class="col-12 text-right">
         	  {{Form::button('<i class="fa fa-check"></i> '.$Action, array('type' => 'submit', 'id'=>'save-button', 'class' => 'btn btn-primary ml-3'))}}
            <a href="{{ route('equipment.index') }}" class="btn btn-outline-secondary"><i class="fa fa-ban"></i> Cancel </a>
         </div>
      </div>
   </div>
   {{ Form::close() }}
</div>
@endsection
@section('script')
<script type="text/javascript">
   $(document).ready(function() {
     
   });
   
   $('.expiration_date').daterangepicker({
       singleDatePicker: true,
       showDropdowns: true,
       format: 'm/d/Y',
       startDate: '08/16/2026'        
   }, 
   );
   
   (function() {
   'use strict';
   window.addEventListener('load', function() {
     var form = document.getElementById('equipment_form');
     form.addEventListener('submit', function(event) {
       if (form.checkValidity() === false) {
         event.preventDefault();
         event.stopPropagation();
       }
       form.classList.add('was-validated');
     }, false);
   }, false);
   })();
  
   $("#equipment_form").validate({ 
            ignore: [],
            onfocusout: false,
           invalidHandler: function(form, validator) {
           var errors = validator.numberOfInvalids();
           //alert(errors);
           //alert($("#equipment_form .error").closest(".active").get(0).id);
           if (errors) {
               var elem_id=validator.errorList[0].element.id;
               var _tab =$("#"+elem_id).closest(".tab-pane").get(0).id;
               $('#'+_tab+'-tab').trigger('click');
               validator.errorList[0].element.focus();
           }
           } 
        });
   
</script>
@endsection