@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>
</div>
<!-- end page title -->

@if($showingReport)
<div class="row">
    <div class="col-sm-12 noPrint">
        <div class="pull-left d-print-none">
            {{ print_button() }}
            <x-export-to-excel></x-export-to-excel>
        </div>
    </div>
</div>
<br />

<table id="ExportExcel" class="table align-middle dt-responsive table-check tblborder" style="border-collapse: collapse; border-spacing: 0 8px; width: 95%;">
    <thead>
        <tr >
            <th colspan = "9" style = "text-align:center; border: none !important;"><h4>पशु स्वास्थ्य तथा पशु सेवा व्यवसायी परिषद्<br> <h3>निर्वाचन समिति - २०८१ </h3> <h4>अन्तिम मतदाता नामावली </h4></th>
        </tr>
        <tr class="bg-transparent">
            <th width="5%" rowspan ="2" style = "text-align: center;">मतदाता क्र.सं.</th>
            <th width="5%" rowspan ="2" style = "text-align: center;">परिषद् दर्ता नं.</th>
            <th width="5%" rowspan ="2" style = "text-align: center;">श्रेणी</th>
            <th width="15%" rowspan ="2" style = "text-align: center;">मतदाताको नाम</th>
            <th width="5%" rowspan ="2" style = "text-align: center;">लिङ्ग</th>
            <th width="10%" rowspan ="2" style = "text-align: center;">बुबाको नाम</th>
            <th width="20%" colspan ="2" style = "text-align: center;">ठेगाना</th>
            <th width="20%" rowspan ="2" style = "text-align: center;">सम्पर्क नं.</th>
            <th width="10%" rowspan ="2" style = "text-align: center;">मतदान गर्ने प्रदेश</th>
        </tr>
        <tr>
            <th style = "text-align: center;">जिल्ला</th>
            <th style = "text-align: center;">प्रदेश</th>
        </tr>
    </thead>

    <tbody>

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

        <tr>

            <td>{{ EngToUTF8(++$sn) }}</td>
            <td>{{ EngToUTF8($userReport->reg_no) }}</td>
            <!-- <td>{{ $userReport->name }}<br />{{ $userReport->nameeng }}</td> -->
            <td>{{levelInNepali($userReport->level_id)}}</td>
            <td>{{ $userReport->name }}</td>
            <td>{{ genderNep($userReport->gender) }} </td>
            <td> {{ $userReport->fname }} </td>
            <!-- <td>{{$userReport->locallevel->local_name}}-{{$userReport->ward}},{{$userReport->tole}},{{$userReport->district->district_name}},{{$userReport->province->province}}</td> -->
            <td>{{$userReport->district->district_name}}</td>
            <td>{{$userReport->province->province}}</td>
            <td> {{ $userReport->mobileno }} </td>
            <td> {{ province($userReport->election_province_id) }} </td>
        </tr>
        <!-- Display other user report information here -->
        @endforeach
    </tbody>
</table>

@else
<p style="color:red">Please select the options from input.</p>
@endif

@endsection