@extends('layouts.app')
@section('title', trans('menu.daily_update_title'))

@section('content')
    @php $user = auth()->user(); @endphp
    <div class="content">
        <x-content.header title="{{ __('settings.daily_update_title') }}" subTitle="{{ $dailyUpdates->count() }} {{ __('title.updates_list') }}" >
            <x-slot:headerRight>
                @can('create daily-updates')
                    <a href="{{route('dailyupdate.create')}}" class="btn-secondary-base"><x-svg-icon icon="icon-plus" />{{trans('forms.lbl_add_new')}}</a>
                @endcan
            </x-slot:headerRight>
        </x-content.header>
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col">{{trans("tables.name_title")}}</th>
                    {{-- <th scope="col" width="10%">{{trans("tables.supervisor_title")}}</th> --}}
                    <th scope="col">{{trans("tables.date_title")}}</th>
                    <th scope="col">{{trans("tables.recent_change_title")}}</th>
                    <th scope="col">{{trans("tables.status_title")}}</th>
                    <th scope="col">{{trans("tables.action_title")}}</th>
                </tr>
            </thead>
        </table>
    </div>
@stop
@section('footer-script')
    <script type="text/javascript">

        var $datable = $('#datatable');

        PDDataTable({
            url: "{{ route('dailyupdate.index') }}",
            columns:[
                { data: 'name', name: 'name', className: "!text-custom-grey-900 !font-medium"},
                // { data: 'supervisor', name: 'supervisor'},
                { data: 'date', name: 'date'},
                { data: 'updated_at', name: 'updated_at'},
                { data: 'status', name: 'status', className: 'text-left sm:text-center', orderable: false, searchable : false},
				{ data: 'action', name: 'action', orderable: false, searchable : false, className : "text-right" }
            ],
            order : [2, 'asc']
        });

    </script>
@stop