@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="card mb-3">
        <div class="card-body">
            <form method="GET" action="{{ route('children.index') }}">
                <div class="row">
                    <div class="col-md-3 form-group">
                        <label>Child's name</label>
                        <input type="text" name="child_full_name" class="form-control" value="{{ request('child_full_name') }}">
                    </div>
                    <div class="col-md-3 form-group">
                        <label>File number</label>
                        <input type="text" name="file_number" class="form-control" value="{{ request('file_number') }}">
                    </div>
                    <div class="col-md-3 form-group">
                        <label>Birthdate</label>
                        <input type="date" name="birthdate" class="form-control" value="{{ request('birthdate') }}">
                    </div>
                    <div class="col-md-3 form-group">
                        <label>Country</label>
                        <select name="country_id" class="form-control">
                            <option value="">All countries</option>
                            @foreach($countries as $country)
                                <option value="{{ $country->id }}" @selected(request('country_id') == $country->id)>{{ $country->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 form-group">
                        <label>Mother's name</label>
                        <input type="text" name="mother_full_name" class="form-control" value="{{ request('mother_full_name') }}">
                    </div>
                    <div class="col-md-3 form-group">
                        <label>Father's name</label>
                        <input type="text" name="father_full_name" class="form-control" value="{{ request('father_full_name') }}">
                    </div>
                    <div class="col-md-2 form-group">
                        <label>Region</label>
                        <input type="text" name="region" class="form-control" value="{{ request('region') }}">
                    </div>
                    <div class="col-md-2 form-group">
                        <label>City</label>
                        <input type="text" name="city" class="form-control" value="{{ request('city') }}">
                    </div>
                    <div class="col-md-2 form-group">
                        <label>Status</label>
                        <select name="approval_status" class="form-control">
                            <option value="">All statuses</option>
                            <option value="pending" @selected(request('approval_status') == 'pending')>Pending</option>
                            <option value="approved" @selected(request('approval_status') == 'approved')>Approved</option>
                            <option value="rejected" @selected(request('approval_status') == 'rejected')>Rejected</option>
                        </select>
                    </div>
                </div>
                <button type="submit" class="btn btn-secondary">Search</button>
                <a href="{{ route('children.index') }}" class="btn btn-link">Reset</a>
                @can('manage file search requests')
                @if($children->total() === 0 && ($children->hasPages() || request()->anyFilled(['child_full_name','file_number','birthdate','mother_full_name','father_full_name','country_id','region','city'])))
                    <a href="{{ route('file-search-requests.create', [
                            'search_child_full_name' => request('child_full_name'),
                            'search_file_number' => request('file_number'),
                            'search_birthdate' => request('birthdate'),
                            'search_mother_full_name' => request('mother_full_name'),
                            'search_father_full_name' => request('father_full_name'),
                            'search_country_id' => request('country_id'),
                        ]) }}" class="btn btn-outline-warning float-right">
                        Not found — log a search request
                    </a>
                @endif
                @endcan
            </form>
        </div>
    </div>

    <div class="table-responsive">
        <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/children_data/' . $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>
                        @can('edit children')
                            @if(auth()->user()->hasRole('admin') || $child->approval_status === 'rejected')
                                <a href="{{ route('children.edit', $child) }}" class="btn btn-warning btn-sm">Edit</a>
                            @endif
                        @endcan
                        @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