@extends('layouts.template')
@section('content')
<section class="planinng-trip-allowance"  id="accident-status">
  <h1 class="heading">Public Holidays <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/public_holidays','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>
                          <li>
                              {!! Form::select('branch',['' => 'Select Branch'] + $page_data['branch'] ,null, ['id'=>'branch1','class' => 'form-control']) !!}
                              <hr/>
                          </li>
                      </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div><!-- panel-group -->
      {!! Form::close() !!}
      
        <div class="table-heading">
        <h4 class="col-md-6 col-sm-6 col-xs-6"> Public Holidays </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" id="my-table">
            <thead>
                <tr>
                <th style="display: none;">Id</th>
                <th> Country </th>  
                <th> Branch </th>       
                <th> Date </th> 
                <th> Description </th>
                </tr>
            </thead>

            <tbody>
            @foreach( $publicholiday as $holiday)
                <tr>
                    <td>{{$holiday->country}}</td>
                    <td>{{$holiday->branch}}</td>
                    <td>{{Helper::convert_to_ddmmyy($holiday->date)}}</td>
                    <td>{{$holiday->description}}</td>
                </tr>
            @endforeach    
            </tbody>
            </table>
        </div>
        </div> 
   </div> 
  </section>
  <script type="text/javascript">
    $(document).ready(function() {
    $(".status-table").hide();
    $("#country1, #branch1").change(function(){
    $("#form1").submit();
  });
});
</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