@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">
      <div class="container" style="padding: 30px;">
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
         <h2>Update Aspirant Data</h2></div><hr />
        <form action="updatecontestants" method="post" id="updatecontestants" enctype="multipart/form-data">
            @csrf
        <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
            <input type="hidden" name="id" value="{{ $aspirant[0]->id }}">
          <div class="col-lg-6">
            <div class="form-group">
                <lable class=" text-left float-left">Full Name of Aspirant</lable>
                <input type="text" name="name" id="name" class="form-control" placeholder="Full Name" value="{{ $aspirant[0]->name }}" required>
            </div>
          </div>
          
            <div class="col-lg-3">
            <div class="form-group">
                <lable class=" text-left float-left">Age of Aspirant</lable>
                <select name="age" id="age" class="form-control" required>
                    <option>{{ $aspirant[0]->age }}</option>
                    @for($i=18; $i<=100; $i++)
                    <option>{{ $i }}</option>
                    @endfor
                </select>
            </div>
          </div>
            
            <div class="col-lg-3">
                <div class="form-group">
                <lable class=" text-left float-left">State of Origin</lable>
                <select name="state" id="state" class="form-control" required>
                    <option>{{ $aspirant[0]->state }}</option>
                    @foreach($states as $state)
                    <option>{{ $state->state }}</option>
                    @endforeach
                </select>
            </div> 
            </div>
        
          </div>
            
          <hr />
          
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-4">
            <div class="form-group">
                <lable class=" text-left float-left">Position Aspiring For</lable>
                <input type="text" name="position" id="position" class="form-control" placeholder="E.g. Senate" value="{{ $aspirant[0]->position }}" required>
            </div>
          </div>
          
            <div class="col-lg-6">
            <div class="form-group">
                <lable class=" text-left float-left">Jurisdiction</lable>
                <input type="text" name="jurisdiction" id="jurisdiction" class="form-control" placeholder="E.g. Etiosa South Federal Contituency" value="{{ $aspirant[0]->jurisdiction }}" required>
            </div>
          </div>
            
            <div class="col-lg-2">
                <div class="form-group">
                <lable class=" text-left float-left">Political Party</lable>
                <input type="text" name="party" id="party" class="form-control" placeholder="E.g. PDP" value="{{ $aspirant[0]->party }}" required>
            </div> 
            </div>
        
          </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">Aspirants Image</lable>
                <input type="file" name="image" id="image" value="" class="form-control">
            </div>
          </div>
          
            <div class="col-lg-7">
            <div class="form-group">
                <lable class=" text-left float-left">Source of Fund</lable>
                <input type="text" name="fundsource" id="fundsource" class="form-control" placeholder="E.g. Contributions from family, friends and well wisher." value="{{ $aspirant[0]->fundsource }}">
            </div>
          </div>
            
            <div class="col-lg-2">
                <div class="form-group">
                <lable class=" text-left float-left">Verifiction Status</lable>
                <select name="status" id="status" class="form-control" required>
                    <option value="{{ $aspirant[0]->badge }}">@if($aspirant[0]->badge == 0) Not Verified @elseif($aspirant[0]->badge == 1) Verified @endif </option>
                    <option value="1">Verified</option>
                    <option value="0">Not Verified</option>
                </select>
            </div> 
            </div>
        
          </div>
          
          <hr />
          
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-12">
            <div class="form-group">
                <lable class=" text-left float-left">Excerpt</lable>
                <textarea name="excerpt" style="width: 100%; height: 100px; vertical-align: top; overflow: wrap;" id="excerpt" class="form-control" placeholder="E.g. Brief Biography." maxlength="700">{{ $aspirant[0]->excerpt }}</textarea>
            </div>
          </div>
          </div>
          
          <hr />
          
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-12">
            <div class="form-group">
                <lable class=" text-left float-left">Additional Information</lable>
                <textarea name="information" style="width: 100%; height: 200px;" id="information" class="form-control" placeholder="E.g. Biography or other information about the aspirant.">{{ $aspirant[0]->biography }}</textarea>
            </div>
          </div>
          </div>
          
          <hr />
          
          <div class="row" data-aos="zoom-in" style="background-color: #fff; padding: 24px;">
        
          <div class="col-lg-12">
              <div class="alert" id="message" style="display:none; margin-bottom: 50px;"></div>
            <div class="form-group text-right float-right">
                <button type="submit" class="btn btn-info" name="submitform" id="sudmitform">update</button>
                <img src="{{ asset('assets/img/processing.gif') }}" width="100px" id="processing" style="display:none">
            </div>
          </div>
          </div>
          
          </form>
          
        </section><!-- End Cliens Section -->
          </div>
        </div>
        
        
        
        
      </div>
    </section>

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