@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 -->
<div class="no-print">
    <x-export-to-excel></x-export-to-excel>
    {{print_button()}}
</div>


<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="no-print">
                    <form action="{{ route('election-reports.param') }}" method="GET">

                        <div class="row">

                            <div class="col-md-4 mb-3">
                                <label class="form-label">जिल्ला</label>
                                <select name="district_id" id="district_id" class="form-control select2">
                                    <option value="" disabled selected></option>
                                    @foreach($districts as $id => $districtname)
                                    <option value="{{ $id }}">{{ $districtname }}</option>
                                    @endforeach
                                </select>

                                @error('district_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">स्थानीय तह</label>
                                <select name="locallevel_id" id="locallevel_id" class="form-control select2">
                                    <option value="" disabled selected></option>
                                    @foreach($locallevels as $id => $locallevelName)
                                    <option value="{{ $id }}">{{ $locallevelName }}</option>
                                    @endforeach
                                </select>

                                @error('locallevel_id')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label">वडा</label>
                                <select name="ward" id="ward" class="form-control select2 @error('ward') is-invalid @enderror">
                                    <option value="" disabled selected></option>
                                </select>
                                @error('ward')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>

                        <!-- search button -->
                        <div class="row">
                            <div class="col-md-4 mb-3"></div>
                            <div class="col-md-4 mb-3">
                                <label for="">&nbsp;</label>
                                <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">रिपोर्ट हेर्ने</button>
                            </div>

                        </div>
                    </form>
                </div>
                <hr />
                <center>
                    @if($showingReport)
                    @if($dist)
                    <h3>जिल्ला: <b>{{ $dist->district_name }}</b></h3>
                    @endif
                    @if($lole)
                    <h3>स्थानीय तह: <b>{{$lole->local_name}}</b></h3>
                    @endif
                    <h3>वडा: <b>{{ EngToUtf8($ward)}}</b></h3>
                </center>
                <div class="table-responsive">
                    <table id="ExportExcel" class="table align-middle table-check nowrap tblborder" style="border:2px solid #b7b5b5; max-width:100%;">
                        <thead>
                            <tr class="bg-transparent">
                                <th width="5%">#</th>
                                <th width="5%">परिषद दर्ता नम्बर</th>
                                <th width="10%">नाम</th>
                                <th width="10%">सम्पर्क</th>
                                <th width="10%">बुबाको नाम</th>
                                <th width="20%">ठेगाना</th>
                                <th width="10%">श्रेणी</th>
                                <th width="10%">विशेषज्ञता</th>
                                <th width="5%" class="no-print"></th>
                            </tr>
                        </thead>

                        @foreach($results as $sn=>$level)

                        <tr>

                            <td>{{ ++$sn }}</td>
                            <td>{{ $level->reg_no }}</td>
                            <td>{{ $level->nameeng }}</td>
                            <td>{{ $level->users->phone }}</td>
                            <td>{{ $level->fname }}</td>
                            <td>{{ $level->province->province }}, {{ $level->district->district_name_eng }}, {{ $level->locallevel->local_name }}, {{ $level->tole }}, {{ EngToUtf8($level->ward) }}, {{ $level->village }}</td>
                            <td>{{ $level->level->level }}</td>
                            <td>{{ $level->specialization->specialization }}</td>
                            <td class="no-print">
                                <a href="{{url('reportdetails', $level->id) }}" class="btn btn-success waves-effect waves-light"><i class="fa fa-eye"></i> विवरण</a>
                            </td>
                        </tr>
                        @endforeach

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


            </div>
            <!-- end card body -->
        </div>
        <!-- end card -->
    </div>
    <!-- end col -->
</div>
<!-- end row -->
@endsection