@extends('boothagent.layout.app')

@section('title')
   चुनाव मतगणना
@endsection
<style>
.voterdata_row.voter-btn{
 height: 200px;
  min-height: unset !important;
    }
    
</style>
<style>
    .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}
</style>

@section('header')
   <a onclick="history.back()"><i class="fa-solid fa-arrow-left"></i></a>
   <h2><img src="{{asset('assets/booth/images/header-votecount.svg')}}" class="img-fluid" alt="Image"> चुनाव मतगणना</h2> 
@endsection

@section('content')
   <!-- Body -->
   <div class="mainwrapper votecount_screen">
      <div class="container">
         <div class="votecount_row">
            <ul class="nav nav-pills" id="count-tab" role="tablist">
                 <li class="nav-item" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="900">
                    <button class="nav-link active" id="votecountab1" data-bs-toggle="pill" data-bs-target="#votecountpills1" type="button" role="tab" aria-controls="votecountpills1" aria-selected="true">वोटर लिस्ट <span>{{$votecount1->count()}}</span><span>100%</span></button>
                 </li>
                 <li class="nav-item" data-aos="zoom-in" data-aos-easing="linear" data-aos-duration="900">
                    <button class="nav-link" id="votecountab2" data-bs-toggle="pill" data-bs-target="#votecountpills2" type="button" role="tab" aria-controls="votecountpills2" aria-selected="false">कम्प्लीट वोट <span>{{$voterlist->count()}}</span><span>{{number_format((float)$comeplete, 2, '.', '') }}%</span></button>
                 </li>
                 <li class="nav-item" data-aos="fade-left" data-aos-easing="linear" data-aos-duration="900">
                    <button class="nav-link" id="votecountab3" data-bs-toggle="pill" data-bs-target="#votecountpills3" type="button" role="tab" aria-controls="votecountpills3" aria-selected="false">बकाया वोट <span>{{$voterlist2->count()}}</span><span>{{number_format((float)$panding, 2, '.', '')}}%<span></button>
                 </li>
              </ul>
            <div class="tab-content" id="count-tabcontent" data-aos="zoom-in" data-aos-easing="linear" data-aos-duration="900">
             <div class="tab-pane fade show active" id="votecountpills1" role="tabpanel" aria-labelledby="votecountab1">
    <div class="voterdata_row">
        <form action="{{ route('newdatastore') }}" method="post" class="form-horizontal" enctype="multipart/form-data"> 
                  @csrf
        <div class="row form-group">
               
               <div class="col-sm-4">
               <label>New Voter<span class="text-danger"></span></label>
               <input type="text" class="form-control" name="new_voter"
                   value="{{ old('new_voter') }}">
               <div class="text-danger">{{ $errors->first('new_voter') }}</div>
               
           </div>
               <div class="col-sm-4">
              <label><span class="text-danger"></span></label>
               <button name="submitBtn" class="btn btn-success"
               type="submit">Save</button>
               
           </div>
           
         </div>
         <form>
        <h4 class="voterheading">निर्वाचन नामावली, 2024</h4>
        <ul class="voterdata_list">
@if($votecount)
            @foreach($votecount as $r)
           
                <li>
                    <div class="voterdata_col">
                        <div class="voterrow_1">
                            <span class="votenumber">{{$r->id}}</span>
                            <span class="voternumberdata">{{$r->epic_no}}</span>
                            <span class="votericon">
                                <i class="fa-solid fa-person"></i>
                                <i class="fa-solid fa-person"></i>
                            </span>
                        </div>
                        <div class="voterdetails_row">
                            <div class="voterdata_box">
                                <p>नाम: <span>{{$r->fm_name_en}}</span></p>
                                <p>पिता का नाम: <span>{{$r->rln_fm_nm_en}}</span></p>
                                <p>मकान संख्या: <span>{{$r->c_house_no_v1}}</span></p>
                                <div class="agegendar_row">
                                    <p>उम्र: <span>{{$r->age}}</span></p>
                                    <p>लिंग: <span>{{$r->gender}}</span></p>
                                </div>
                            </div>
                            <!--<div class="voterimg_box">-->
                            <!--    <img src="{{asset('uploads/noimg.jpg')}}" class="img-fluid" alt="">-->
                            <!--</div>-->
                        </div>
                    </div>
                </li>
            @endforeach
@endif

        </ul>
        {{ $votecount->links() }}
    </div>
</div>

               <div class="tab-pane fade" id="votecountpills2" role="tabpanel" aria-labelledby="votecountab2">
                  <form>
                     <div class="voterdata_row">
                        <h4 class="voterheading">निर्वाचन नामावली, 2022</h4>
                        <ul class="voterdata_list">
                           @foreach($voterlist as $r)
                              <li>
                                 <input type="checkbox"  @if($r->voter_verified ==2) selected @endif  class="customcheck" name="" id="votercompleted1" checked="" disabled="">
                                 <label for="votercompleted1" class="voterdata_col">
                                    <div class="voterrow_1">
                                       <span class="votenumber">{{$r->id}}</span>
                                       <span class="voternumberdata">{{$r->epic_no}}</span>
                                       <span class="votericon">
                                          <i class="fa-solid fa-person"></i>
                                          <i class="fa-solid fa-person"></i>
                                       </span>
                                    </div>
                                    <div class="voterdetails_row">
                                        <div class="voterdata_box">
                                           <p>नाम: <span>{{$r->fm_name_en}}</span></p>
                                           <p>पिता का नाम: <span>{{$r->rln_fm_nm_en}}</span></p>
                                           <p>मकान संख्या: <span>{{$r->c_house_no_v1}}</span></p>
                                        <div class="agegendar_row">
                                          <p>उम्र: <span>{{$r->age}}</span></p>
                                          <p>लिंग: <span>{{$r->gender}}</span></p>
                                        </div>
                                        </div>
                                       <!--<div class="voterimg_box">-->
                                       <!--   <img src="{{asset('uploads/noimg.jpg')}}" class="img-fluid" alt="Icon">-->
                                       <!--</div>-->
                                    </div>
                                 </label>
                              </li>
                           @endforeach
                         
                        </ul>
                     </div>
                  </form>
               </div>
               <div class="tab-pane fade" id="votecountpills3" role="tabpanel" aria-labelledby="votecountab3">
                  <div class="formsearch_list">
                    <form action="{{route('votecount')}}" method="get">
               <div class="row ">
                <div class="col-sm-12 d-flex">
                <input type="text" class="form-control" value="{{$search}}" name="search" placeholder="search" style="border: 1px solid #918888; border-radius: 5px;">
                <input type="submit" value="search" class="btn btn-primary btn-sm" style="">
            </div>
            </div>
            </form>
                  </div>
                  <form action="{{route('bavotercount.store')}}" method="post">
                     @csrf
                     <div class="voterdata_row voter-btn">
                        <!-- <h4 class="voterheading">निर्वाचन नामावली, 2014</h4> -->
                        <ul class="voterdata_list">
                           @foreach($voterlist1 as $r)
                              <li>
                               
                                 <input type="checkbox" class="customcheck" name="voter_count[]" value="{{$r->epic_no}}" id="remainingvoter{{$r->id}}">
                                 <label for="remainingvoter{{$r->id}}" class="voterdata_col">
                                    <div class="voterrow_1">
                                       <span class="votenumber">{{$r->id}}</span>
                                       <span class="voternumberdata">{{$r->epic_no}}</span>
                                       <span class="votericon">
                                          <i class="fa-solid fa-person"></i>
                                          <i class="fa-solid fa-person"></i>
                                       </span>
                                    </div>
                                    <div class="voterdetails_row">
                                        <div class="voterdata_box">
                                           <p>नाम: <span>{{$r->fm_name_en}}</span></p>
                                           <p>पिता का नाम: <span>{{$r->rln_fm_nm_en}}</span></p>
                                           <p>मकान संख्या: <span>{{$r->c_house_no_v1}}</span></p>
                                        <div class="agegendar_row">
                                          <p>उम्र: <span>{{$r->age}}</span></p>
                                          <p>लिंग: <span>{{$r->gender}}</span></p>
                                        </div>
                                        </div>
                                       <!--<div class="voterimg_box">-->
                                       <!--   <img src="{{asset('uploads/noimg.jpg')}}" class="img-fluid" alt="Icon">-->
                                       <!--</div>-->
                                    </div>
                                 </label>
                              </li>
                           @endforeach 
                          {{ $voterlist1->links() }}
                        </ul>
                     </div>
                     
                     <div class="">
              
            </div>
                     <div class="registerendbtn" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="900">
                        <button type="submit" class="btn bgcolorbtn"><span>सबमिट करे</span></button>
                     </div>
                  </form>
               </div>
            </div>
         </div>
      </div>
   </div>
@endsection