@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>
                                                    <th class="col-1 text-center">Added</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($departments as $department)
                                                <tr>
                                                    <td class="col-1 text-center" rowspan="{{ $department->units->count() > 0 ? $department->units->count() : 1 }}">
                                                        {{ $department->department_name }}
                                                    </td>

                                                    @if ($department->units->count() > 0)
                                                        <td class="col-1 text-center">{{ $department->units->first()->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' => $department->units->first()->unit_id]) }}">
                                                                <i class="fa-solid fa-pen-to-square"></i> Edit
                                                            </a>
                                                            <form action="{{ route('admins.deleteunit', $department->units->first()->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>

                                                        <td class="col-1 text-center" rowspan="{{ $department->units->count() }}">
                                                            <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?');">
                                                                @csrf
                                                                <button type="submit" class="btn btn-sm btn-danger" title="Delete Department">
                                                                    <i class="fas fa-trash"></i> Delete Department & Unit
                                                                </button>
                                                            </form>
                                                        </td>
                                                    </tr>

                                                    @foreach ($department->units->skip(1) as $unit)
                                                    <tr>
                                                        <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>
                                                    </tr>
                                                    @endforeach
                                                    @else
                                                    <td class="col-1 text-center">No Units</td>
                                                    <td class="col-1 text-center"></td>
                                                    <td class="col-1 text-center" rowspan="1">
                                                        <form action="{{ route('admins.deletedepartment', $department->department_id) }}" method="POST" 
                                                            onsubmit="return confirm('Are you sure you want to delete this department?');">
                                                            @csrf
                                                            <button type="submit" class="btn btn-sm btn-danger" title="Delete Department">
                                                                <i class="fas fa-trash"></i> Delete Department 
                                                            </button>
                                                        </form>
                                                    </td>
                                                    @endif
                                                </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