@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
        </div>
        <div class="col-md-12">
            <div class="panel panel-border">
                <div class="panel-heading" style="padding-bottom:0px">
                    <div class="panel-title">
                        {!! $data['pageTitle'] !!}
                    </div>

                    <div class="panel-options">
                        <a href="{!! $data['addBtnUrl'] !!}" class="btn btn-white pull-right">
                            <i class="fa fa-plus-circle"></i> New</a>
                    </div>
                </div>
                <div class="panel-body panelBodyView">
                    <table class="table table-striped table-bordered table-condensed text-primary" id="employee-data">
                        <thead>
                            <tr>
                                <th style="width:4%;">SL#</th>
                                {{-- <th style="width: 10%;">Title </th> --}}
                                <th style="width: 15%;">Effect Date</th>
                                {{-- <th style="width: 15%;">To Date </th> --}}

                                <th style="width: 25%;">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $sl = 1;
                            @endphp
                            @foreach ($data['list'] as $j => $row)
                                <tr>

                                    <td> {{ $sl++ }}</td>
                                    {{-- <td>{{ $row->title }}</td> --}}
                                    <td class="text-center">{{ date('d-m-Y', strtotime($row->effect_date)) }}</td>
                                    {{-- <td class="text-center">{{ date('d-m-Y', strtotime($row->end))  }}</td> --}}

                                    <td class="text-center">
                                        <a href="{!! url('hr/holidaySettings/weekly_holiday/edit/' . $row->id).'?view=false' !!}" class="btn btn-xs btn-white"><i
                                                class="fa fa-edit"></i></a>

                                        {{-- <a href="{!! url('hr/holidaySettings/weekly_holiday/edit/' . $row->id).'?view=true' !!}" class="btn btn-xs btn-white"><i
                                                class="fa fa-eye"></i></a>

                                        <a href="{!! url('hr/hrLeaveType/delete?id=') . $row->id !!}" onclick="return confirm('Are you sure?')"
                                            class="btn btn-xs btn-danger"><i class="fa fa-times"></i></a> --}}
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footerAssets')
    <script type="text/javascript">
        $('.status').click(function(e) {
            var inputEl = $(this);
            var url = $(this).data('url');

            $.ajax({
                type: "POST",
                url: url,
                success: function(response) {
                    console.log(response)
                    if (response.status == 'success') {
                        if (response.changedStatus == 'Active') {
                            inputEl.attr('checked', true);
                        } else {
                            inputEl.attr('checked', false);
                        }
                    }

                },
                error: function(response) {}
            });
        })
    </script>
@endsection