@extends('layouts.template')
@section('content')
<section class="planinng-trip-allowance"  id="accident-status">
  <h1 class="heading">Absence Types <a href="{{ url('task_assigner/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
  @if(Session::has('flash_message'))
  <div class="row-fluid">
    <div class="span12">
      <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
    </div> 
  </div>   
  @endif
  <div class="cargo-search">
      {!! Form::open(['method' => 'GET', 'url' => '/task_assigner/absence_tracker','id'=>'form1','class' => 'form-vertical', 'role' => 'search'])  !!}
      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
          <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingOne">
                  <h4 class="panel-title">
                      <a class="table-heading" role="button" data-toggle="collapse" data-parent="#accordion"
                      href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                      <i class="more-less glyphicon glyphicon-plus"></i>
                      <h4> Search Filters</h4>
                      </a>
                  </h4>
              </div>
          <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
              <div class="panel-body">
                  <div class="cargo-search-form search-filters">
                      <ul class="list-inline">
                          <li>
                              {!! Form::select('country',['' => 'Select Country'] + $page_data['country'] ,null, ['id'=>'country1','class' => 'form-control']) !!}
                              <hr/>
                          </li>
                      </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div><!-- panel-group -->
      {!! Form::close() !!}
    <div class="absence_tracker">
        <div class="table-heading">
            <h4 class="col-md-6 col-sm-6 col-xs-6"> Absence Types </h4>
            <a id="absence_creation">{!! Html::image('images/tools1.png') !!} Absence Creation</a>    
        </div>
        
        <div id="absence_cret" class="absence_area" style="display:none;">
            {!! Form::open(['url' => 'task_assigner/absence_tracker/create', 'class' => 'form-vertical','id'=>'absence_trackerform','files' => true]) !!}
            <div class="parts-modal-content clearfix">
                <div class="col-md-2 col-sm-3 col-xs-12 form-group{{ $errors->has('name') ? 'error' : ''}}">
                    <label for="Name">Name</label>
                    <span class="error"> * </span>
                    <div class="select" >
                        {!! Form::select('name', [''=>'Select Staff Name'] + $staffname, null, ['class' => 'form-control arr','id' => 'name']) !!}
                        {!! $errors->first('name', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="col-md-1 col-sm-3 col-xs-12 form-group {{ $errors->has('country') ? 'error' : ''}}">
                    <label for="Country">Country</label>
                    <span class="error"> * </span>
                    <div class="controls">
                        {!! Form::text('country', null, ['placeholder' => 'Country','class' => 'form-control arr','id'=>'country', 'readonly' => 'true']) !!}
                        {!! $errors->first('country', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="col-md-2 col-sm-3 col-xs-12 form-group {{ $errors->has('start_date') ? 'error' : ''}}">
                    <label for="Start Date">Start Date</label>
                    <span class="error"> * </span>
                    <div class="controls">
                        {!! Form::date('start_date', null, ['class' => 'form-control arr','id' => 'start_date']) !!}
                        {!! $errors->first('start_date', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="col-md-2 col-sm-3 col-xs-12 form-group {{ $errors->has('end_date') ? 'error' : ''}}">
                    <label for="End Date">End Date</label>
                    <span class="error"></span>
                    <div class="controls">
                        {!! Form::date('end_date', null, ['class' => 'form-control arr year','id' => 'end_date']) !!}
                        {!! $errors->first('end_date', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="col-md-2 col-sm-3 col-xs-12 form-group {{ $errors->has('leave_type') ? 'error' : ''}}">
                    <label for="Leave Type">Leave Type</label>
                    <span class="error"> * </span>
                    <div class="select" >
                    <select name="leave_type" class="form-control " id="leavetype">
                        <option value=" "> Select Leave Type </option>
                    </select>
                    </div>
                </div>

                <div class="col-md-2 col-sm-3 col-xs-12 form-group {{ $errors->has('status') ? 'error' : ''}}">
                    <label for="Status">Status</label>
                    <span class="error"> * </span>
                    <div class="select" >
                        {!! Form::select('status', [''=>'Select Status', '0'=>'Pending', '1'=>'Approved', '2'=>'Not Approved'], null, ['class' => 'form-control arr','id' => 'name']) !!}
                        {!! $errors->first('status', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="col-md-1 col-sm-3 col-xs-12 form-group {{ $errors->has('remark') ? 'error' : ''}}">
                    <label for="Remark">Remark</label>
                    <span class="error">  </span>
                    <div class="controls">
                        {!! Form::text('remark', null, ['placeholder' => 'Remark','class' => 'form-control arr','id'=>'remark']) !!}
                        {!! $errors->first('remark', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-12 submit-btn">    
                    {!! Form::submit(isset($submitButtonText) ? $submitButtonText : 'Create', ['class' => 'btn green']) !!}
                    {!! Form::button('Cancel', ['id'=>'tccancel','class' => 'btn btn-primary']) !!}
                </div>
            </div>    
            {!! Form::close() !!}
        </div>

        {{-- <div class="table-heading">
        <h4 class="col-md-6 col-sm-6 col-xs-6"> Absence Types </h4>
        <div class="col-md-6 col-sm-6 col-xs-6">
        </div>
        </div> --}}

        <div class="cargo-search-form">
        <div class="table-responsive"> 
            <table class="table table-striped table-bordered table-hover table-full-width dataTable my-table" id="my-table">
            <thead>
                <tr>
                <th style="display: none;">Id</th>
                <th> Staff Name </th>
                <th> Country </th>                
                <th> Start Date </th>
                <th> End Date </th> 
                <th> Leave Type </th>       
                <th> Days Taken </th> 
                <th> Days Allowed </th> 
                <th> Remarks </th>
                <th> Status </th>
                </tr>
            </thead>

            <tbody>
            @foreach( $absencetype as $at)
                <tr>
                    <td>{{$at->name}}</td>
                    <td>{{$at->country}}</td>
                    <td>{{Helper::convert_to_ddmmyy($at->start_date)}}</td>
                    <td>{{Helper::convert_to_ddmmyy($at->end_date)}}</td>
                    <td>{{$at->leave_type}}</td>                   
                    <td>{{$at->days_taken}}</td>
                    <td>{{$at->days_year}}</td>                   
                    <td>{{$at->remark}}</td>
                    @if($at->status==0)
                    <td>Pending</td>
                    @elseif($at->status==1)
                    <td>Approved</td>
                    @else
                    <td>Not Approved</td>
                    @endif
                </tr>
            @endforeach    
            </tbody>
            </table>
        </div>
        </div> 
    </div> 
   </div> 
  </section>
<script type="text/javascript">
    $(document).ready(function() {
    $(".status-table").hide();
    $("#country1").change(function(){
    $("#form1").submit();
    });
    $("#absence_creation").click(function () {
        $("#absence_cret").show("slow");
    });

    $("#tccancel").click(function () {
        $("#absence_cret").hide("slow");
    });

    $("#name").change(function () { 
       $("#leavetype").data("selectBox-selectBoxIt").remove();
       var id = this.value;
       $.ajax({
       type: "POST",
       url: "{{URL::to('ajax/absencetracker/country')}}",
       data: {staffid: id, _token: '{{csrf_token()}}'},
       dataType: 'json',
       success: function (data) {
        $("#country").val(data.data[0].country);
        $("#leavetype").data("selectBox-selectBoxIt").add({ value:"" , text:"Select Leave type"  });
        $.each(data.data[1], function(key, value) {  
            $("#leavetype").data("selectBox-selectBoxIt").add({ value: value.leave_type, text: value.leave_type });
        });  
    }
    });
    });

    $("#start_date").change(function () { 
       $("#end_date").val('');
       $("#end_date").attr('min', this.value);;
    });

    $("#end_date").change(function () { 
       if($("#start_date").val() == "")
       {
       alert("Plese enter start date first!");
       $("#end_date").val('');
       }
    });
});
</script>

<script type="text/javascript">
function toggleIcon(e) {
$(e.target)
.prev('.panel-heading')
.find(".more-less")
.toggleClass('glyphicon-plus glyphicon-minus');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);
</script> 
<script type="text/javascript">
  $('.close_tab').click(function(){
  var id = $(this).data('id');
});
</script>
<!--date picker-->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<style type="text/css">
  .kmsum {
}
</style>
@endsection