@include('components/header')
@include('components/sidebar')
<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('appriasal_list') }}" 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>Allocation ID</th>
                                    <th>Allocation Name</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Form Link</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $i = 1;
                                @endphp
                                @foreach($model as $index => $m)
                                    <tr>
                                        <td>{{$i++}}</td>
                                        @foreach($m->allocation as $s)
                                            <td>{{ $s->id }}</td>
                                            <td>{{$s->first_name}} {{$s->last_name}}</td>
                                        @endforeach
                                        @php $date = date('d-m-Y',strtotime($m->created_at));
                                        @endphp
                                        <td>{{$date}}</td>
                                        <td>
                                            @if($m->status == '0')
                                                <span class="text-warning"> Still in Progress </span>
                                            @elseif($m->status == '1')
                                                <span class="text-warning"> Sent To EC </span>
                                            @elseif($m->status == '2')
                                                <span class="text-primary"> Fill By employee </span>
                                            @else
                                                <span class="text-success"> Completed </span>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{ route('fill_appraisal_form',$m->id) }}" class="empName"><span class="fa fa-arrow-right"></span></a>
                                        </td>
                                        <td class="td-content">
                                            <center>
                                                <div class="td-content">
                                                    <a href="javascript:void(0);" class="delete" data-value="{{$m->id}}" data-toggle="modal" data-bs-placement="top" data-bs-original-title="Delete" data-target="#delete"> 
                                                        <img src="{{asset('design/img/delete.svg')}}" width="20px" height="20px" />
                                                    </a>
                                                    @if($m->status == '3' || $m->status == '2')
                                                        <a href="{{ route('download_appraisal',$m->id) }}"> 
                                                            <i class="fa fa-download"></i>
                                                        </a>
                                                    @endif
                                                </div>
                                            </center>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <center>
                    <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
                        <div class="media-body text-start">
                            <h5><b>Are you sure you want to delete this Appraisal Form ?</b></h5>
                        </div>
                    </div>
                </center>
                <div class="modal-body">
                    <form class="form-group" method="post" action="{{ route('delete_appraisal') }}">
                        {{@csrf_field()}}
                        <input type="hidden" name="id" class="delete_id">
                        <div class="text-end">
                            <input type="submit" name="wish" value="Delete" class="btn btn-success">
                            <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary ml-2 mr-0">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
<!-- End Main Container -->
@if(session('done'))
    <script type="text/javascript">
    swal.fire({
        title: "