@include('layouts.header')  

    
    <div id="">
    <section class="site-section bg-light bg-image" id="contact-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-12 text-center">
            <!-- ======= Cliens Section ======= -->
    <section id="cliens" class="cliens section-bg" style="margin-top: -80px;">
      <div class="container" style="padding: 30px;">
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px; text-align="center">
         <h2 style="text-align="center;>2023 Election - Candidates and Electoral Financing Methods</center></h2></div><hr />
        <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-8">
            <div class="form-group">
                <lable class=" text-left float-left">Search</lable>
                <input type="text" name="search" id="search" class="form-control" placeholder="Search">
            </div>
          </div>
          
          <div class="col-lg-4">
            <div class="form-group">
                <lable class=" text-left float-left">By Area of Interest</lable>
                <select name="position" id="position" class="form-control" required>
                    <option value="">Select</option>
                    @foreach($positions as $position)
                    <option>{{ $position->position }}</option>
                    @endforeach
                </select>
            </div>
          </div>
        
          </div>
            
          <hr />
          <div id="showapirants">
            @include('process.aspirants')
          </div>
        </section><!-- End Cliens Section -->
          </div>
        </div>
        
        
        {!! $aspirants->links() !!}
        
      </div>
    </section>

    
@include('layouts.footer')
@include('process.election')