@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="/admin_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 search-filter p-3">
                        <form action="{{route('appriasal.filter_form')}}" method="post" class="form-group">
                            {{csrf_field()}}
                            <div class="row emp-filter-area justify-content-end">
                                <div class="col-2 form-group date-col">
                                    <select class="form-control" name="month">
                                        <option>Select Month</option>
                                        @for ($i = 1; $i <= 12; $i++)
                                            @php
                                                $time =   mktime(0, 0, 0, $i); 
                                                $label =  date('F', $time);  
                                                $value =  date('m', $time);
                                                if(Session::get('appraisal_month') == $value) {
                                                    echo "<option selected value='$value'>$label</option>";
                                                } else {
                                                    echo "<option value='$value'>$label</option>";
                                                }
                                            @endphp
                                        @endfor
                                    </select>
                                </div>
                                <div class="col-2 form-group date-col">
                                    <select class="form-control" name="year">
                                        <option>Select Year</option>
                                        @foreach (range(2024, date("Y")) as $value) 
                                            @if(Session::get('appraisal_year') == $value)
                                                <option selected value="{{$value}}">{{$value}}</option>
                                            @else
                                                <option value="{{$value}}">{{$value}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-2">
                                    <div class="row">
                                        <div class="col-xl-9">
                                            <div class="form-group p-0"> 
                                                <button class="btn btn-primary btn-block searchBtn" type="submit">Search</button>
                                            </div>
                                        </div>
                                        <div class="col-xl-3 listfilter d-flex justify-content-center">
                                            <div class="clear-filter-icon form-group mb-0">
                                                <a href="{{route('appriasal_list')}}"><img src="{{asset('design/img/clearfiltericon.svg')}}"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <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>Date</th>
                                    <th>Average Percentage</th>
                                    <th>Action</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
                                        @php $date = date('d-m-Y',strtotime($m->created_at));
                                        @endphp
                                        <td>{{$date}}</td>
                                        <td>{{isset($score[$m->emp_id]) ? $score[$m->emp_id] : 0}} % </td>
                                        <td>
                                            <a href="/appraisal_detail/{{$s->id}}" class="empName"><span class="fa fa-arrow-right"></span></a>
                                            <a href="javascript:void(0);" class="mail" data-month="{{ date('m',strtotime($date)) }}" data-year="{{ date('Y',strtotime($date)) }}" data-id="{{$m->emp_id}}" data-toggle="modal" data-bs-placement="top" data-target="#send_mail"><i class="fa fa-envelope"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="send_mail" 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>Send Mail</b></h5>
                        </div>
                    </div>
                </center>
                <div class="modal-body">
                    <form class="form-group send_mail_form" method="post" action="{{ url('send_mail_appraisal') }}">
                        {{csrf_field()}}
                        <input type="hidden" name="emp_id" class="emp_id">
                        <input type="hidden" name="month" class="month">
                        <input type="hidden" name="year" class="year">
                        <select class="form-control" name="email" id="emp_id">
                            <option value="Select Employee" selected>Select Employee Name</option>
                            @foreach($employee as $e)
                                <option value="{{ $e->id }}">{{ $e->first_name }} {{ $e->last_name }} ({{ $e->id }})</option>
                            @endforeach
                        </select>
                        <p class="text-danger"></p>
                    </form>
                </div>
                <div class="modal-footer">
                    <div class="text-end">
                        <button type="button" class="btn btn-success send_mail">Send Mail</button>
                        <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary ml-2 mr-0">
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- End Main Container -->
@if(session('done'))
    <script type="text/javascript">
    swal.fire({
        title: "