@extends('layouts.app')
@section('title', 'Edit Fundi')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">Edit Agent</h1>
    </section>
    <!-- Main content -->
    <section class="content" style="margin-bottom:15%;">
    <hr>
<a href="{{ route('fundi.index') }}" class="btn btn-primary">Back</a> 
        <div class="card" style="margin:20px 100px;padding:20px; background:white;border-radius:10px;">
            <div class="card-header">
                <h5 class="card-title">Edit Agent Details</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('fundi.update', $fundi->id) }}"> 
                    @csrf
                    @method('PUT')
                    
                    <div class="form-group">
                        <label for="edit_name">Name</label>
                        <input type="text" class="form-control" id="edit_name" name="name" value="{{ $fundi->name }}" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="edit_location">Location</label>
                        <input type="text" class="form-control" id="edit_location" name="location" value="{{ $fundi->location }}" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="edit_mobile">Mobile</label>
                        <input type="text" class="form-control" id="edit_mobile" name="mobile" value="{{ $fundi->mobile }}" required>
                    </div>
                    
                    <div class="form-group">
                        <label for="edit_national_id">National ID</label>
                        <input type="text" class="form-control" id="edit_national_id" name="national_id" value="{{ $fundi->national_id }}" required>
                    </div>
                    
                    <div class="form-group">
                      <label for="national_id">Specialization</label>
                       <input type="text" class="form-control" name="specialization" id="specialization" value="{{ $fundi->specialization }}" required>
                     </div>
                     
                      <div class="form-group">
                       <label for="national_id">KRA Pin</label>
                         <input type="text" class="form-control" name="kra_pin" id="kra_pin" style="text-transform: uppercase;" value="{{ $fundi->kra_pin }}" required>
                      </div>
                      
                      <div class="form-group">
			    <label for="withholding_tax">Withholding Tax</label>
			    <select name="withholding_tax" class="form-control" id="withholding_tax">
			        <option value="">Please Select</option>
			        @foreach($taxRates as $tax)
			            <option value="{{ $tax->id }}" {{ $fundi->withholding_tax == $tax->id ? 'selected' : '' }}>{{ $tax->name }}</option>
			        @endforeach
			    </select>
			</div>
                     
                    {{-- <div class="form-group">
                        <label for="edit_national_id">Commision %:</label>
                        <input type="text" class="form-control" name="commision" value="{{ $fundi->commision }}" required>
                    </div>--}}
                   
                    <button type="submit" class="btn btn-primary mt-3">Update Agent</button>
                </form>
            </div>
        </div>
    </section>
    <!-- /.content -->
@endsection