@extends('layouts.appv2')

@section('content')


                            <h1 class="mb-4 gradient-text">Departments & Units</h1>  			

                                <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 Unit Department</h5>
                                            <div class="btn-toolbar mb-2 mb-md-0">
                                                <a class="btn-sm btn-outline-primary" href="{{ route('admins.departmentunitadd')}}" 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">

                                        @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="dt-responsive table-responsive">
                                            <table class="table table-bordered">
                                                <thead class="thead-dark">
                                                    <tr>
                                                        <th class="col-1 text-center">Department Name</th>
                                                        <th class="col-1 text-center">Units</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                @foreach ($departments as $department)
                                                <tr>
                                                <td class="col-1 text-center" rowspan="{{ $department->units->count() > 0 ? $department->units->count() : 1 }}">
                                                <span style="display: inline-block;">{{ $department->department_name }}</span>
                                                    <form action="{{ route('admins.deletedepartment', $department->department_id) }}" method="POST" 
                                                        onsubmit="return confirm('Are you sure you want to delete this department and all its units?');" 
                                                        style="position: absolute; bottom: 5px; left: 5px;">
                                                        @csrf
                                                        <button type="submit" class="btn btn-sm" title="Delete Department">
                                                            <i class="fas fa-trash"></i>
                                                        </button>
                                                    </form>
                                                </td>

                                                    @if ($department->units->count() > 0)
                                                        @foreach ($department->units as $unit)
                                                            @if (!$loop->first)
                                                                <tr>
                                                            @endif
                                                            <td class="col-1 text-center">{{ $unit->unit_name }}</td>
                                                            <td class="col-1 text-center">
                                                                <a class="btn btn-sm btn-info" href="{{ route('admins.departmentunitedit', ['department_id' => $department->department_id, 'unit_id' => $unit->unit_id]) }}">
                                                                    <i class="fa-solid fa-pen-to-square"></i> Edit
                                                                </a>

                                                                <form action="{{ route('admins.deleteunit', $unit->unit_id) }}" method="POST" 
                                                                    onsubmit="return confirm('Are you sure you want to delete this unit?');" style="display: inline;">
                                                                    @csrf
                                                                    <button type="submit" class="btn btn-sm btn-danger">
                                                                        <i class="fas fa-trash"></i> Delete
                                                                    </button>
                                                                </form>
                                                            </td>
                                                            @if (!$loop->last)
                                                                </tr>
                                                            @endif
                                                        @endforeach
                                                    @else
                                                        <td class="col-1 text-center">No Units</td>
                                                        <td class="col-1 text-center">
                                                            <a class="btn btn-sm btn-info" href="{{ route('admins.departmentunitedit') }}"><i class="fa-solid fa-pen-to-square"></i> Edit</a>
                                                        </td>
                                                    @endif
                                                </tr>
                                                @endforeach

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                            </div>

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