@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Industries</title>
@stop
@section('content')

<section class="content">
<div class="row">
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="m-b-10">
        <a href="{{URL::to('account/industries/import/industries/2')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-download"></i>&nbsp;&nbsp;Bulk Import </span>
        </a>

      </div>
    </div>
</div>
<div class="box">
<!--  <div class="box-header">
      <h3 class="box-title" id="title_form" >Add Industry</h3>
      <div class="form-group ">
      <a href="" class="btn btn-info pull-right" id="addBtn" >Add Industry</a>
       </div>
  </div> -->
  <div class="box-body" id="OccForm">
  {{Form::open(array('url' => '/account/industries','id' => 'formValidation', 'method' => 'POST','id' => 'formValidation'))}}
      <div class="form-group col-xs-3 required">
      <span class=" control-label "></span>
        {{Form::label('industry_code',array())}}
        {{Form::text('industry_code',null,array('required' => true,'class' =>'form-control'))}}
        {{Form::hidden('id',null,array('id' => 'industry_id','class' =>'form-control'))}}
      </div>
      <div class="form-group col-xs-4 required">
      <span class=" control-label "></span>
        {{Form::label('industry_name ',array())}}
        {{Form::text('industry_name',null,array('id' => 'industry_name','required' => true,'class' =>'form-control'))}}
      </div>
      <div class="form-group col-xs-3 " id = 'checkbox'>
        {{Form::label('Status',array())}}<br>
        <div class="radio">
          <label>
            {{Form::radio('is_active','1',true,array('id' => 'checkboxVal'))}} Active
          </label>&nbsp;&nbsp;&nbsp;
          <label>
            {{Form::radio('is_active','0',true,array('id' => 'checkboxValInactive', 'class' => ''))}} Inacive
          </label>
        </div>
      </div>
       <div class="form-group col-xs-2">
        {{Form::label('submit',null,array('style'=>'color:white'))}}
        {{Form::submit('Submit',array('class' => 'form-control btn btn-success'))}}
      </div>
  {{Form::close()}}
  </div>
</div>
  <div class="box">
        <!-- <div class="box-header">
          <h3 class="box-title"></h3>
        </div> -->
        <!-- /.box-header -->
        <div class="box-body">
          <table id="news" class="table table-bordered table-hover">
                <thead>
                  <tr>
                    <th>Created Date</th>
                    <th>Industry Code</th>
                    <th>Industry Name</th>
                    <th width="15%">Created Date</th>
                    <th class="actalign">Status</th>
                    <th width="15%" class="actalign">Actions</th>
                  </tr>
                </thead>
                <tbody>
                  @if(isset($industries))
                  @foreach($industries as $industrie)
                    <tr>
                      <td>{{$industrie->updated_at}}</td>
                      <td>{{$industrie->industry_code}} </td>
                      <td>{{$industrie->industry_name}} </td>
                      <td>{{date('d-m-Y H:i:s',strtotime($industrie->updated_at))}}</td>
                      <td class="actalign">
                      @if($industrie->is_active == '1')
                        <i class="fa fa-check text-green"></i> </td>
                      @else
                        <i class="fa fa-times text-red"></i> </td>
                      @endif
                      <td class="actalign"> 
                        <a class="text-blue edit-btn" title="Edit" href='#' data-id='{{$industrie->id}}'>
                          <i class="fa fa-fw fa-edit"></i>
                        </a> 
                        <a class="text-red delete-btn" href="#" title="Delete" data-id='{{$industrie->id}}'>
                          <i class="fa fa-fw fa-remove"></i>
                        </a> 
                      </td>
                    </tr>
                  @endforeach
                  @endif
                </tbody>
          </table>
      </div>
        <!-- /.box-body -->
  </div>
<!-- </div> -->
  <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
   
</section>

@stop
@section('pageBottomJs')
<style type="text/css">
  .fa-fw {
    width: 2.285714em;
    text-align: center;
  }
  .info-box {
    min-height: 42px;
  }
  .info-box-icon {
    height: 42px;
  }
  /* for Actions alignments in table */
  .actalign{
    text-align: center;
  }
  /* validation error msg */
  .error{
    color: red;
  }

  /*required field asterisk symbol */
.form-group.required .control-label:after {
  content:"*";
  color:red;
}
</style> 
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script>
    $(document).ready(function () {

    $('#news').dataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "order": [[0, 'desc']],
        "aoColumnDefs": [
          {"bSortable": false, "aTargets": [5]},{'visible': false, "aTargets" : 0}
        ],
        "iDisplayLength": 20,
        "aLengthMenu" : [[10,20,50,100,-1],[10,20,50,100,"All"]],
      }); 

      // trim blank spaces 
      $('#formValidation').submit( function(e){
          $(this).find('input:text').each(function(){
                $(this).val($.trim($(this).val()));
          });
      });
      $('#formValidation').validate({
          rules:{
            industry_code:{
              required:true,
              maxlength:30
            },
            industry_name:{
              required:true,
              maxlength:100
            }
          },
          messages:{
            industry_code:'* Please enter industry code and maximum length should be 30 characters.',
            industry_name:'* Please enter industry name and maximum length should be 100 characters.',
          }
      });  

    });
    $("#checkbox").hide();
    $("#addBtn").hide();
    $(".edit-btn").click(function(){
      var id = $(this).attr("data-id");
      $("#checkbox").show();
      /* ajax call for edit view */
      $.ajax({
        type: "POST",
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{URL::to('/account/industries/editmodal')}}",
        data: {id : id},
        dataType: "json",
        success: function(data) {
            $("#formValidation").attr('action',"{{URL::to('/account/industries/update')}}" );
            $('#checkboxVal').removeAttr("disabled");
            $("#industry_code").val(data.ind_code);
            $("#industry_id").val(data.id);
            $("#industry_name").val(data.ind_name);
            $("#addBtn").show();
            //console.log(data);
            if(data.is_active == 1){
              $("#checkboxVal").prop("checked",true);
              $("#checkboxValInactive").prop('checked', false);
            }else{
              $("#checkboxVal").prop('checked', false);
              $("#checkboxValInactive").prop('checked', true);
            }
            $("#title_form").html('Edit Industry');
        },
      });

    });
    $(".delete-btn").click(function () {
        var id = $(this).attr("data-id");
        $("#confirmButton").html(
           "<a href='/account/industries/destroy/"+ id+"'  class='btn btn-danger'>Confirm</a>"
        );
        $('#modal-title').html(
          '<h4 class="modal-title">Industry deletion</h4>'
          );
        $('#modal-body').html(
          '<p> Do you really want to delete?</p>'
          );
        $("#trigger").click();
    });

</script>
@stop