@extends('layouts.app')

@section('title')
Attendance schedual plan
@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">schedule plan</li>
    </ol>
    @stop

        @section('css')
        <style type="text/css">
            .fa {
                font-size: 26px !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;">Attendance Schedual Plan</span><a class="btn btn-info btn-sm" href="{{ route('schedual-plan.add') }}">Add
                            Attendance Schedual plan</a></h3> --}}
                            <div class="table-responsive">

                                @if(Session::has('success'))
                                    <div id="successMessage" class="alert alert-success" role="alert">
                                        {{ Session::get('success') }}
                                    </div>
                                @endif
                                
                                @if(!empty($att_shedual_plan_lists)) 
                                    <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;">Medical Leave</th>

                                                <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;">Annual Leave </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;">Other Leave </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;">Special Leave </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;">Weekend Leave </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>



                                            <tr role="row" class="odd">
                                                <td>{{ $att_shedual_plan_lists->medical_leave }}</td>
                                                <td>{{ $att_shedual_plan_lists->anual_leave }}</td>
                                                <td>{{ $att_shedual_plan_lists->other_leave }}</td>

                                                <td>{{ $att_shedual_plan_lists->special_leave }}</td>
                                                <td>{{ $att_shedual_plan_lists->weekend }}</td>

                                                <td>



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

                                                </td>

                                            </tr>



                                        </tbody>
                                    </table>
                                @else 
                                    <a href="{{ route('schedual-plan.add') }}">Create a new Schedule Plan</a>
                                @endif
                            </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