@extends('adminlte::page')


<!-- @section('title', 'Dashboard') -->

@section('content_header')
<h2>የህጻናት መዝገብ </h2>
    @can('register children')
        <a href="{{ route('children.create') }}" class="btn btn-primary mb-3">አዲስ ፋይል መዝግብ </a>
    @endcan
@stop

      
@section('content')
@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif
    <div class="table-responsive">
    <div class="row mb-3">
    <div class="col-md-3">
        <select class="form-control" id="status-filter">
            <option value="">All Statuses</option>
            <option value="pending">Pending</option>
            <option value="approved">Approved</option>
            <option value="rejected">Rejected</option>
        </select>
    </div>
</div>
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Photo</th>
                    <th>Full Name</th>
                    <th>Sex</th>
                    <th>Birthdate</th>
                    <th>File Number</th>
                    <th>Approval Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($children as $child)
                <tr>
                    <td>{{ $child->id }}</td>
                    <td>
                        @if($child->photo)
                            <img src="{{ asset('storage/' . $child->photo) }}" width="50" height="50" class="img-thumbnail">
                        @else
                            No photo
                        @endif
                    </td>
                    <td>{{ $child->child_full_name }}</td>
                    <td>{{ ucfirst($child->sex) }}</td>
                    <td>{{ $child->birthdate }}</td>
                    <td>{{ $child->file_number }}</td>
                    <td>
                        <span class="badge 
                            @if($child->approval_status == 'approved') badge-success
                            @elseif($child->approval_status == 'rejected') badge-danger
                            @else badge-warning @endif">
                            {{ ucfirst($child->approval_status) }}
                        </span>
                    </td>
                    <td>
                        <a href="{{ route('children.show', $child) }}" class="btn btn-info btn-sm">View </a>
                        <!-- <a href="{{ route('children.edit', $child) }}" class="btn btn-warning btn-sm">Edit</a> -->
                        @if($child->approval_status == 'pending'|| $child->approval_status == 'rejected')
                        <form action="{{ route('children.destroy', $child) }}" method="POST" style="display:inline;">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">Delete</button>
                        </form> 
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    {{ $children->links() }}
</div>
@endsection