@extends('layouts.appv2')

@section('content')



                            <h1 class="mb-4 gradient-text">Grades & Types </h1>  			
                                        @if ($message = Session::get('success'))
                                            <div class="alert alert-success" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($message = Session::get('error'))
                                            <div class="alert alert-danger" role="alert">
                                                {{ $message }}
                                            </div>
                                        @endif

                                        @if ($errors->any())
                                            <div class="alert alert-danger" role="alert">
                                                <ul>
                                                    @foreach ($errors->all() as $error)
                                                        <li>{{ $error }}</li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                        @endif

                                <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                                    <div class="card-header">
                                        <div class="d-flex justify-content-between align-items-center mb-0">
                                            <h5>Manage Grade</h5>
                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a class="btn-sm btn-outline-primary" href="{{ route('admins.gradeadd')}}" style="border-radius: 50px; font-weight:bolder;"title="Add employee">
                                                <i class="fa-solid fa-plus" style="border-radius: 20px;"></i> Add
                                                </a>
                                            </div>
                                        </div>                                    
                                    </div>

                                    <div class="card-body">

                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th class="col-1 text-center">Grade Code</th>
                                                        <th class="col-1 text-center">Grade Name</th>
                                                        <th class="col-1 text-center">Grade Level</th>
                                                        <th class="col-1 text-center">Job Grade</th>


                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($grades as $grades)
                                                        <tr>
                                                            <tr>
                                                                <td class="col-1 text-center">{{$grades -> grade_code}}</td>
                                                                <td class="col-1 text-center">{{$grades -> grade_name}}</td>
                                                                <td class="col-1 text-center">{{$grades -> grade_level}}</td>
                                                                <td class="col-1 text-center">{{$grades -> job_grade}}</td>


                                                                <td class="col-1 text-center">
                                                                    <a class="btn btn-sm btn-info" href="{{ route('admins.gradeedit', ['grade_id' => $grades->grade_id]) }}">
                                                                        <i class="fa-solid fa-pen-to-square"></i> Edit
                                                                    </a>
                                                                    <div class="mt-1 mb-1"style="display: inline-block;">
                                                                        <form action="{{ route('admins.gradedelete', ['grade_id' => $grades->grade_id]) }}" method="POST" 
                                                                            onsubmit="return confirm('Are you sure you want to delete this grade?');" style="display: inline;">
                                                                            @csrf
                                                                            <button type="submit" class="btn btn-sm btn-danger">
                                                                                <i class="fas fa-trash"></i> Delete
                                                                            </button>
                                                                        </form>
                                                                    </div>                                                                
                                                                </td>
                                                            </tr>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    
                                </div>



















                                <div class="card" style="border-radius: 20px;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);">
                                    <div class="card-header">
                                        <div class="d-flex justify-content-between align-items-center mb-0">
                                            <h5>Manage Type</h5>
                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a class="btn-sm btn-outline-primary" href="{{ route('admins.typeadd')}}" style="border-radius: 50px; font-weight:bolder;"title="Add employee">
                                                <i class="fa-solid fa-plus" style="border-radius: 20px;"></i> Add
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card-body">

                                        <div class="dt-responsive table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th class="col-1 text-center">Type Code</th>
                                                        <th class="col-1 text-center">Type Name</th>
                                                        <th class="col-1 text-center">Description</th>

                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($types as $types)
                                                            <tr>
                                                                <td class="col-1 text-center">{{$types -> emptype_code}}</td>
                                                                <td class="col-1 text-center">{{$types -> emptype_name}}</td>
                                                                <td class="col-1 text-center">{{$types -> emptype_description}}</td>

                                                                <td class="col-1 text-center">
                                                                    <a class="btn btn-sm btn-info" href="{{ route('admins.typeedit', ['emptype_id' => $types->emptype_id]) }}">
                                                                        <i class="fa-solid fa-pen-to-square"></i> Edit
                                                                    </a>
                                                                    <div class="mt-1 mb-1"style="display: inline-block;">
                                                                        <form action="{{ route('admins.typedelete', ['emptype_id' => $types->emptype_id]) }}" method="POST" 
                                                                            onsubmit="return confirm('Are you sure you want to delete this type?');" style="display: inline;">
                                                                            @csrf
                                                                            <button type="submit" class="btn btn-sm btn-danger">
                                                                                <i class="fas fa-trash"></i> Delete
                                                                            </button>
                                                                        </form>
                                                                    </div>                                                                   
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </div>

                         
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bs5-datepicker@1.2.0/dist/js/bootstrap-datepicker.min.js"></script>
@endsection