@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="#">प्रतिवेदन</a></li>
                    <li class="breadcrumb-item active">अल्फाबेटिकल प्रतिवेदन </li>
                </ol>
            </div>

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


    <center>
        <h4> सदस्य सुची </h3>
    </center>
    <div class="table-responsive">
        <table class="table align-middle table-responsive table-check nowrap" style="border-collapse: collapse; border-spacing: 0 8px; width: 100%;">
            <thead>
                <tr class="bg-transparent">
                    <th width="5%">सि.नं.</th>
                    <th width="10%">नाम</th>
                    <th width="10%">जन्म मिति</th>
                    <th width="10%">सम्पर्क नं.</th>
                    <th width="40%">स्थायी ठेगाना</th>
                    <th width="10%">बुबाको नाम</th>
                    <th width="10%">आमाको नाम</th>
                    <th width="5%"></th>
                </tr>
            </thead>

            @foreach($members 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->name }}<br />{{ $userReport->nameeng }}</td>
                <td>{{ $userReport->dob }} </td>
                <td>{{ $userReport->mobileno }} </td>
                <td>{{$userReport->locallevel->local_name}}-{{$userReport->ward}},{{$userReport->tole}},{{$userReport->district->district_name}},{{$userReport->province->province}}</td>
                <td> {{ $userReport->fname }} </td>
                <td> {{ $userReport->mname }} </td>
                <td>
                    <a href="{{url('deletemember', $userReport->id)  }}" class="btn btn-danger waves-effect waves-light"><i class="bx bx-trash me-1"></i> </a>
                </td>
            </tr>
            <!-- Display other user report information here -->
            @endforeach

        </table>
        {{ $members->links() }}
    </div>

</div>

@endsection