@extends('layouts.app')
@section('title', trans('settings.review_title'))

@section('content')
@include('layouts.partials.employee-files')
<div class="tab-content-wrapper">
    <!-- Tab Content -->
    @php
        $uriSegment =  '?user_id='.$user->id;
    @endphp
    @can('create', Modules\Review\Entities\Review::class)
    <div class="content-title-div" >
        <div>
            <h1 class="text-lg-semibold">
                {{trans('settings.reviews')}}
            </h1>
        </div>
        <div>
            <a href="{{route('settings.reviews.create').$uriSegment}}" class="btn-secondary-sm" >
                <x-svg-icon icon="icon-add" />
                {{trans('forms.lbl_add_new')}}
            </a>
        </div>
    </div>
    @endcan

    <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
        <thead>
            <tr>
                <th scope="col">{{trans('tables.subject')}}</th>
                <th scope="col" class="min-w-[135px]">{{trans('tables.date_title')}}</th>
                <th scope="col" class="min-w-[135px]">{{trans('tables.due_at')}}</th>
                <th scope="col">{{trans('tables.reviewed_by')}}</th>
                <th scope="col">{{trans('tables.status_title')}}</th>
                <th scope="col">{{trans('tables.documents')}}</th>
            </tr>
        </thead>
    </table>
</div>

@stop

@section('panel-content')
    <x-content.canvas width="375px"
        title="{{ __('settings.review_title') }}"
        saveBtnText="{{ __('forms.lbl_accept') }}"
        saveBtnClass="btn-accept"
        saveBtnType="button"
        action=""></x-content.canvas>
@stop

@section('footer-script')
    <script src="{{ asset('js/tailwind/profile.js') }}"></script>

    @include('review::review-details-js')

    <script type="text/javascript">

        PDDataTable({
            url: "{{route('reviews.index')}}" + "{{(request()->has('user_id') ? '?user_id='.request()->get('user_id') : '')}}",
			searching : false,
			columns:[
                { data: 'subject', name: 'subject', className:"!text-custom-grey-900 !font-medium"},
				{ data: "date", name: 'date', render: function(data, type) {
				   return type === 'sort' ? data : moment(data).format("{{getDateFormat()}}");
			   	}},
                { data: 'due_at', name: 'due_at', 'orderable' : false},
                { data: 'reviewer', name: 'reviewer'},
                { data: 'status', name: 'status'},
                { data: 'doc', name: 'doc'},
            ],
            order : [1, 'desc']
        });
    </script>
@stop