@extends('layouts.app')

@section('title')
All Allowances
@stop

@section('breadcrumb')
<ol class="breadcrumb pull-right">
        <li><a href="{{route('home')}}"><i class="fa fa-dashboard"></i> Home</a></li>

        <li class="active">Allowances</li>
      </ol>
@stop
@section('css')
<style type="text/css">

.fa {
     font-size: 20px !important;

    }
 </style>   
@stop
@section('content')
  <div class="container-fluid">
    <div class="row">
                    
<div class="col-sm-12">
                        <div class="white-box">

                   
                           
                             <h3 style="text-align: right;" class="box-title m-b-0">
                                <span style="float: left;">Allowances Tittle List</span><a class="btn btn-info btn-sm" href="{{ route('add.Allowance.title') }}">Add Allowances Tittle</a></h3>

                            <div class="table-responsive">
                             
                            @if(Session::has('success'))   
                            <div id="successMessage" class="alert alert-success" role="alert">
                            {{ Session::get('success') }}
                            </div>
                            @endif

                                <table id="myTable" class="table table-striped table-bordered dataTable color-table primary-table" role="grid" aria-describedby="myTable_info">
                                    <thead>
                                        <tr role="row">
                                        	<th style="color: black;" class="sorting_asc" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Name: activate to sort column descending" style="width: 220px;">Name</th>

                                        	<th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 163px;">Created Date</th>

                                            <th style="color: black;" class="sorting" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" aria-label="Office: activate to sort column ascending" style="width: 163px;">Action</th>


                                        </tr>
                                    </thead>
                                    <tbody>
  
                                    @if( $Allowance_Tittles->count() > 0 )
                                    @foreach( $Allowance_Tittles as $list )

                                        <tr role="row" class="odd">
                                            <td>{{$list->name}}</td>
                                            
                                            <td>{{$list->created_at}}</td>
                                             <td>

                                                <a style="margin-left: 1rem;"  href="{{ route('edit.Allowance.title',[$list->id] ) }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                                                &nbsp;
                                                <a style="color:red;" onclick="return validate();" href="{{ route('delete.Allowance.title',[$list->id] ) }}"><i class="fa fa-trash-o" aria-hidden="true"></i></a>
                                                
                                            </td>

                                        </tr>
                                     @endforeach   
                                     @endif

                                      
                                    </tbody>
                                </table>
                                
                            </div>
                            </div>
                        </div>
                    </div>


    </div>

      </div>
@stop

@section('js')  

<script type="text/javascript">
    function validate()
    { 
        if(!confirm('Are you sure you want to delete?'))
        {
            return false;
        } 
    }
</script>
@stop