@extends('layouts.app')

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">सदस्यको प्रोफाइल</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('addlocallevel') }}">प्रतिवेदन</a></li>
                    <li class="breadcrumb-item active">सदस्यको प्रोफाइल</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

@include('reports.searchform')

@if(isset($userReports) && $userReports->count() > 0)
<ul>
    <table class="table align-middle datatable dt-responsive table-check nowrap" style="border-collapse: collapse; border-spacing: 0 8px; width: 100%;">
        <thead>
            <tr class="bg-transparent">
                <th>#</th>
                <th>परिषद दर्ता नम्बर</th>
                <th>नाम</th>
                <th>लिङ्ग</th>
                <th>जन्म मिति</th>
                <th>बुबाको नाम</th>
                <th>आमाको नाम</th>
                <th style="width: 90px;"></th>
                <th></th>
            </tr>
        </thead>

        @foreach($userReports as $sn => $userReport)

        @if($userReport->gender == '1')
        <tr style="background-color: rgb(158 179 227 / 88%);">
            @elseif($userReport->gender == '2')
        <tr style="background-color: rgb(197 169 200 / 48%);">
            @endif

            <td>{{ ++$sn }}</td>
            <td>{{ $userReport->reg_no }}</td>
            <td>{{ $userReport->name }}<br />{{ $userReport->nameeng }}</td>
            <td>{{ gender($userReport->gender) }} </td>
            <td>{{ $userReport->dob }} </td>
            <td> {{ $userReport->fname }} </td>
            <td>{{$userReport->mname}}</td>
            <td>
                <a href="{{url('reportdetails', $userReport->id) }}" class="btn btn-success waves-effect waves-light"><i class="fa fa-eye"></i>विवरण</a>
            </td>
            @if($userReport->app_status == '5')
            <td style="color: red;">रद्द भएको !</td>
            @else
            <td></td>
            @endif
        </tr>
        <!-- Display other user report information here -->
        @endforeach

    </table>
</ul>
@else
<p style="color:red">No matching user reports found.</p>
@endif



@endsection