@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>
            <a href="{{ route('appriasal_form') }}" class="btn btn-primary" >+ Add New</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="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>Form Name</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($form_list as $index => $m)
                                    <tr>
                                        <td>{{++$index}}</td>
                                        <td>{{$m->form_name}}</td>
                                        <td><a href="{{ route('appraisal_form_show',$m->id) }}" class="empName"><span class="fa fa-arrow-right"></span></a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- End Main Container -->
@if(session('done'))
    <script type="text/javascript">
    swal.fire({
        title: "