@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: -70px; padding: 10px;">
      <div class="container" style="padding: 30px;">
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
         <h2>2023 ELECTION - CANDIDATE AND ELECTORAL FINANCING METHODS</h2></div><hr />
        <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
            
          <div class="col-lg-3">
            <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-3">
            <div class="form-group">
                <lable class=" text-left float-left">By Position</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 class="col-lg-3">
            <div class="form-group">
                <lable class=" text-left float-left">By Party</lable>
                <select name="party" id="party" class="form-control" required>
                    <option value="">Select</option>
                    @foreach($partys as $party)
                    <option>{{ $party->party }}</option>
                    @endforeach
                </select>
            </div>
          </div>
            
            <div class="col-lg-3">
                <div class="form-group">
                <lable class=" text-left float-left">By State</lable>
                <select name="state" id="state" class="form-control" required>
                    <option value="">Select</option>
                    @foreach($states as $state)
                    <option>{{ $state->state }}</option>
                    @endforeach
                </select>
            </div> 
            </div>
        
          </div>
            
          <hr />
          <div id="showapirants">
            @include('process.aspirant')
          </div>
        </section><!-- End Cliens Section -->
          </div>
        </div>
        
        
        
        
      </div>
    </section>

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