@include('components/uheader')
@include('components/usidebar')

        <div id="content" class="main-content">

            <div class="viewAll mb-5 mr-4">
                <a href="/employee_dashboard" class="viewAllBtn">
                    <div class="float-right">
                        <img src="{{asset('design/img/back.png')}}" width="30px" height="30px"><b class="ml-1 mr-3">BACK</b>
                    </div>
                </a>
            </div>
                
            <div class="layout-px-spacing layout-top-spacing">
               <div class="modal-footer">

                </div>
                <div class="row">
                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                        <div class="widget widget-card-one widget-table-two">
                            <div class="widget-content">
                                <div class="media w-header">
                                    <div class="media-body">
                                        <strong style="font-size: 20px; color: #3b3f5c;">Holiday List</strong>
                                        
                                    </div>
                                </div>
                                <div class="widget-tableContent">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>
                                                        <div class="th-content text-center">Sr No.</div>
                                                    </th>
                                                    <th>
                                                        <div class="th-content text-center">Holiday Name</div>
                                                    </th>
                                                     <th>
                                                        <div class="th-content text-center">Holiday Date</div>
                                                    </th>
                                                    
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php $i=0; @endphp

                                                @foreach($holiday as $r)
                                                <tr class="text-center">
                                                    @php $i = $i+1; @endphp
                                                    @for($i=$i;$i<=count($holiday);)
                                                    <td>
                                                       {{$i}}
                                                    </td>
                                                    @break
                                                    @endfor
                                                    <td style="display:none;">{{$r->id}}</td>
                                                    <td>
                                                        {{$r->holiday_name}}
                                                    </td>  
                                                    <td>
                                                        {{$r->date}}
                                                    </td>  
                                                                                                      
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
@include('components/ufooter')
<script>
        
    $("#hide_popup").on('click',function(){
        $('.sidebar-wrapper').css("filter","blur(0px)");
        $('.viewAll').css("filter","blur(0px");
        $('.layout-px-spacing').css("filter","blur(0px");
        $('#approve_modal').hide();
    });

    $('.approve').click(function(){

        var id = $(this).data('value');
        var name = $(this).data('name');

        $('.edit_id').val(id);
        $('.edit_name').val(name);

    });

    $('.delete').click(function(){

        var id = $(this).data('value');
        var name = $(this).data('name');

        $('.delete_id').val(id);
        $('.delete_name').val(name);

    });

    $(".edit").on('click',function(){
    // get the current row

   

    var db_id = $(this).data('value');
    var name = $(this).data('name');
    var date = $(this).data('date');


    $(".hidden_id").val(db_id);
    $(".holiday_name").val(name);
    $(".holiday_date").val(date);


});
</script>