@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
<<<<<<< HEAD
    <!-- Breadcrumb -->
    <div class="page-breadcrumb d-flex flex-column flex-sm-row align-items-center justify-content-between mb-3 p-3 bg-primary text-white rounded shadow-sm">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.dashboard') }}" class="text-white">
                        <i class="bx bx-home-alt"></i>
                    </a>
                </li>
                <li class="breadcrumb-item active text-white" aria-current="page">All Children</li>
            </ol>
        </nav>
        @if (Auth::user()->can('child.add'))
        <a href="{{ route('add.child.store') }}" class="btn btn-light d-flex align-items-center">
            <i class="bx bx-plus-circle me-2"></i> Add Child
        </a>
        @endif
    </div>

    <!-- Card Container -->
    @if (Auth::user()->can('children_all.view'))
    <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Child Number</th>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Photo</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($children as $key => $detail)
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td class="text-center">{{ $detail->child_number }}</td>
                            <td>{{ ucfirst($detail->child_fname) . ' ' . ucfirst($detail->child_lname) }}</td>
                     <td>
    @php
        $statusColors = [
            'Sponsored' => 'success',
            'Registration Cancelled' => 'secondary',
            'Graduated' => 'warning',
            'Deceased' => 'danger',
            'Non Sponsored' => 'primary',
        ];

        $status = optional($detail->child_status)->status_name ?? 'N/A';
        $badgeColor = $statusColors[$status] ?? 'dark'; // Default color
    @endphp

    <span class="badge bg-{{ $badgeColor }}">
        {{ $status }}
    </span>
</td>

                            <td class="text-center">
                                <img src="{{ !empty($detail->photo) ? url('upload/cfdp_child/'.$detail->photo) : url('upload/no_image.jpg') }}" 
                                     alt="Child Photo" 
                                     class="rounded-circle shadow" 
                                     style="width: 50px; height: 50px; object-fit: cover;">
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        
                                        @if (Auth::user()->can('child.edit'))
                                        <li><a class="dropdown-item" href="{{ route('edit.child', ['id_child' => $detail->id_child]) }}"><i class="bx bx-edit-alt me-2"></i> Edit</a></li>
                                       @endif

                                       @if (Auth::user()->can('child_profile.view'))
                                        @endif<li><a class="dropdown-item" href="{{ route('child.profile.view', ['id_child' => $detail->id_child]) }}"><i class="bx bx-user me-2"></i> Profile</a></li>
                                        

                                        @if (Auth::user()->can('change_child_status.view'))
                                        <li><a class="dropdown-item" href="{{ route('child.status.change', ['id_child' => $detail->id_child]) }}"><i class="bx bx-sync me-2"></i> Status Update</a></li>
                                        @endif

                                        @if (Auth::user()->can('child.delete')) 
                                        <li>
                                            <a class="dropdown-item text-danger delete-child" href="{{ route('delete.child',$detail->id_child) }}" >
                                                <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                         @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

     

     @if (Auth::user()->can('children_ger.view'))
     <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Child Number</th>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Photo</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($children_ger as $key => $detail)
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td class="text-center">{{ $detail->child_number }}</td>
                            <td>{{ ucfirst($detail->child_fname) . ' ' . ucfirst($detail->child_lname) }}</td>
                     <td>
    @php
        $statusColors = [
            'Sponsored' => 'success',
            'Registration Cancelled' => 'secondary',
            'Graduated' => 'warning',
            'Deceased' => 'danger',
            'Non Sponsored' => 'primary',
        ];

        $status = optional($detail->child_status)->status_name ?? 'N/A';
        $badgeColor = $statusColors[$status] ?? 'dark'; // Default color
    @endphp

    <span class="badge bg-{{ $badgeColor }}">
        {{ $status }}
    </span>
</td>

                            <td class="text-center">
                                <img src="{{ !empty($detail->photo) ? url('upload/cfdp_child/'.$detail->photo) : url('upload/no_image.jpg') }}" 
                                     alt="Child Photo" 
                                     class="rounded-circle shadow" 
                                     style="width: 50px; height: 50px; object-fit: cover;">
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        
                                        @if (Auth::user()->can('child.edit'))
                                        <li><a class="dropdown-item" href="{{ route('edit.child', ['id_child' => $detail->id_child]) }}"><i class="bx bx-edit-alt me-2"></i> Edit</a></li>
                                       @endif

                                       @if (Auth::user()->can('child_profile.view'))
                                        @endif<li><a class="dropdown-item" href="{{ route('child.profile.view', ['id_child' => $detail->id_child]) }}"><i class="bx bx-user me-2"></i> Profile</a></li>
                                        

                                        @if (Auth::user()->can('change_child_status.view'))
                                        <li><a class="dropdown-item" href="{{ route('child.status.change', ['id_child' => $detail->id_child]) }}"><i class="bx bx-sync me-2"></i> Status Update</a></li>
                                        @endif

                                        @if (Auth::user()->can('child.delete')) 
                                        <li>
                                            <a class="dropdown-item text-danger delete-child" href="{{ route('delete.child',$detail->id_child) }}" >
                                                <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                         @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif



@if (Auth::user()->can('children_us.view'))
     <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Child Number</th>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Photo</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($children_us as $key => $detail)
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td class="text-center">{{ $detail->child_number }}</td>
                            <td>{{ ucfirst($detail->child_fname) . ' ' . ucfirst($detail->child_lname) }}</td>
                     <td>
    @php
        $statusColors = [
            'Sponsored' => 'success',
            'Registration Cancelled' => 'secondary',
            'Graduated' => 'warning',
            'Deceased' => 'danger',
            'Non Sponsored' => 'primary',
        ];

        $status = optional($detail->child_status)->status_name ?? 'N/A';
        $badgeColor = $statusColors[$status] ?? 'dark'; // Default color
    @endphp

    <span class="badge bg-{{ $badgeColor }}">
        {{ $status }}
    </span>
</td>

                            <td class="text-center">
                                <img src="{{ !empty($detail->photo) ? url('upload/cfdp_child/'.$detail->photo) : url('upload/no_image.jpg') }}" 
                                     alt="Child Photo" 
                                     class="rounded-circle shadow" 
                                     style="width: 50px; height: 50px; object-fit: cover;">
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        
                                        @if (Auth::user()->can('child.edit'))
                                        <li><a class="dropdown-item" href="{{ route('edit.child', ['id_child' => $detail->id_child]) }}"><i class="bx bx-edit-alt me-2"></i> Edit</a></li>
                                       @endif

                                       @if (Auth::user()->can('child_profile.view'))
                                        @endif<li><a class="dropdown-item" href="{{ route('child.profile.view', ['id_child' => $detail->id_child]) }}"><i class="bx bx-user me-2"></i> Profile</a></li>
                                        

                                        @if (Auth::user()->can('change_child_status.view'))
                                        <li><a class="dropdown-item" href="{{ route('child.status.change', ['id_child' => $detail->id_child]) }}"><i class="bx bx-sync me-2"></i> Status Update</a></li>
                                        @endif

                                        @if (Auth::user()->can('child.delete')) 
                                        <li>
                                            <a class="dropdown-item text-danger delete-child" href="{{ route('delete.child',$detail->id_child) }}" >
                                                <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                         @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif



@if (Auth::user()->can('children_ug.view'))
     <div class="card shadow border-0 rounded">
        <div class="card-body p-4">
            <div class="table-responsive">
                <table id="example" class="table table-hover table-striped table-bordered align-middle">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Child Number</th>
                            <th>Name</th>
                            <th>Status</th>
                            <th>Photo</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($children_ug as $key => $detail)
                        <tr>
                            <td class="fw-bold text-center">{{ $key + 1 }}</td>
                            <td class="text-center">{{ $detail->child_number }}</td>
                            <td>{{ ucfirst($detail->child_fname) . ' ' . ucfirst($detail->child_lname) }}</td>
                     <td>
    @php
        $statusColors = [
            'Sponsored' => 'success',
            'Registration Cancelled' => 'secondary',
            'Graduated' => 'warning',
            'Deceased' => 'danger',
            'Non Sponsored' => 'primary',
        ];

        $status = optional($detail->child_status)->status_name ?? 'N/A';
        $badgeColor = $statusColors[$status] ?? 'dark'; // Default color
    @endphp

    <span class="badge bg-{{ $badgeColor }}">
        {{ $status }}
    </span>
</td>

                            <td class="text-center">
                                <img src="{{ !empty($detail->photo) ? url('upload/cfdp_child/'.$detail->photo) : url('upload/no_image.jpg') }}" 
                                     alt="Child Photo" 
                                     class="rounded-circle shadow" 
                                     style="width: 50px; height: 50px; object-fit: cover;">
                            </td>
                            <td class="text-center">
                                <div class="dropdown">
                                    <a href="#" class="btn btn-light btn-sm dropdown-toggle" data-bs-toggle="dropdown">
                                        <i class="bx bx-dots-vertical-rounded"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        
                                        @if (Auth::user()->can('child.edit'))
                                        <li><a class="dropdown-item" href="{{ route('edit.child', ['id_child' => $detail->id_child]) }}"><i class="bx bx-edit-alt me-2"></i> Edit</a></li>
                                       @endif

                                       @if (Auth::user()->can('child_profile.view'))
                                        @endif<li><a class="dropdown-item" href="{{ route('child.profile.view', ['id_child' => $detail->id_child]) }}"><i class="bx bx-user me-2"></i> Profile</a></li>
                                        

                                        @if (Auth::user()->can('change_child_status.view'))
                                        <li><a class="dropdown-item" href="{{ route('child.status.change', ['id_child' => $detail->id_child]) }}"><i class="bx bx-sync me-2"></i> Status Update</a></li>
                                        @endif

                                        @if (Auth::user()->can('child.delete')) 
                                        <li>
                                            <a class="dropdown-item text-danger delete-child" href="{{ route('delete.child',$detail->id_child) }}" >
                                                <i class="bx bx-trash me-2"></i> Delete
                                            </a>
                                        </li>
                                         @endif
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif



</div>

<!-- SweetAlert2 for Deletion -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>

<script>
    $(document).ready(function () {
        // Delete Sponsor
        $('.delete-child').click(function (e) {
            e.preventDefault();  // Prevent default action of the link

            var deleteUrl = $(this).attr('href');  // Get the URL of the link

            Swal.fire({
                title: "Are you sure?",
                text: "This action cannot be undone!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#d33",
                cancelButtonColor: "#3085d6",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {
                    // Redirect to the delete URL
                    window.location.href = deleteUrl;
                }
            });
        });

       
    });
</script>

<style>
.bg-coffee {
    background-color: #6F4F37; /* Coffee brown color */
}

.text-brown {
    color: #6F4F37; /* Coffee brown text color */
}
</style>

=======
    <x-chm.layout.page
        title="All Children"
        subtitle="Browse and manage children across all sponsorship regions."
        icon="fa-solid fa-child"
        :home="false"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">All Children</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <x-slot:actions>
            @if (Auth::user()->can('child.add'))
                <x-chm.button variant="primary" icon="fa-solid fa-plus" :href="route('add.child.store')">
                    Add Child
                </x-chm.button>
            @endif
        </x-slot:actions>

        @if (Auth::user()->can('children_all.view'))
            <x-chm.section-title icon="fa-solid fa-globe">All Regions</x-chm.section-title>
            @include('admin.cfdp.children.partials.children-table', [
                'children' => $children,
                'tableId' => 'children-all',
                'title' => 'All Regions',
            ])
        @endif

        @if (Auth::user()->can('children_ger.view'))
            <x-chm.section-title icon="fa-solid fa-flag">Germany</x-chm.section-title>
            @include('admin.cfdp.children.partials.children-table', [
                'children' => $children_ger,
                'tableId' => 'children-ger',
                'title' => 'Germany',
            ])
        @endif

        @if (Auth::user()->can('children_us.view'))
            <x-chm.section-title icon="fa-solid fa-flag-usa">United States</x-chm.section-title>
            @include('admin.cfdp.children.partials.children-table', [
                'children' => $children_us,
                'tableId' => 'children-us',
                'title' => 'United States',
            ])
        @endif

        @if (Auth::user()->can('children_ug.view'))
            <x-chm.section-title icon="fa-solid fa-flag">Uganda</x-chm.section-title>
            @include('admin.cfdp.children.partials.children-table', [
                'children' => $children_ug,
                'tableId' => 'children-ug',
                'title' => 'Uganda',
            ])
        @endif
    </x-chm.layout.page>
</div>

@push('vendor-scripts')
    @include('partials.admin.datatable-export-assets')
@endpush
>>>>>>> origin/main

@endsection