@include('components/uheader')
@include('components/usidebar')
<style>
.action-button .empName span{
    background-color: #4361ee;
    border-radius: 50%;
    padding: 10px 12px;
    border: none;
    color: white;
    line-height: 1.25;
}
.action-button .empName span:hover{
    background-color: #e7515a;
}
</style>
<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2>Appraisal Form List</h2>
        <div class="viewAll mr-4">
            <a href="{{ route('employee_dashboard') }}" class="viewAllBtn">
                <button class="btn btn-danger">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-arrow-left">
                <line x1="19" y1="12" x2="5" y2="12"></line>
            <polyline points="12 19 5 12 12 5"></polyline>
            </svg> Back</button>
            </a>
        </div>
    </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-sm-12  layout-spacing">
                <div class="card">
                    <div class="card-body punch-card pt-0">
                        <table id="zero-config" class="table dt-table-hover table-striped action-button" style="width:100%">
                            <thead>
                                <tr>
                                    <th>SR. No</th>
                                    <th>Employee ID</th>
                                    <th>Employee Name</th>
                                    <th>Allocation Date</th>
                                    <th>Submission Date</th>
                                    <th>Form Link</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1;
                                @endphp
                                @foreach($model as $index => $m)
                                    <tr>
                                        <td>{{$i++}}</td>
                                        @foreach($m->employee as $s)
                                            <td>{{ $s->id }}</td>
                                            <td>{{$s->first_name}} {{$s->last_name}}</td>
                                        @endforeach
                                        <td>{{ date('d-m-Y',strtotime($m->created_at)) }}</td>
                                        <td>
                                            {{ $m->submission_date == null ? '-' : date('d-m-y',strtotime($m->submission_date))}}
                                        </td>
                                        <td>
                                            @if($m->submission_date == null)
                                                <a href="{{ route('employee_appraisal_form',$m->id) }}" class="empName"><span class="fa fa-arrow-right"></span></a>
                                            @else 
                                                <p>Form submitted</p>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- End Main Container -->
@if(session('done'))
    <script type="text/javascript">
    swal.fire({
        title: "