@extends('layouts.dashboard')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <br><br>
      @include('inc.contentheader', ['title' => 'Edit Entry' ])
      <!-- Main content -->
      <section class="content">
        @include('inc.messages')
            <div class="container-fluid">
              <!-- /.row -->
              <!-- Main row -->
              <div class="row">
                <!-- Left col -->
                <section class="col-lg-12 connectedSortable">
                    <div class="card">
                        <div class="card-header">
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">
                                <div class="card card-primary">
                                <div class="card-header">
                                </div>
                                @if(session()->has('error'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                   <strong>{{ session()->get('error') }}</strong>
                                   <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                     <span aria-hidden="true">&times;</span>
                                   </button>
                                 </div>
                                 @endif
                                 <br>
                                 <br>
                                <!-- /.card-header -->
                                <!-- form start -->
                    <form method="POST" action="/beneficiaries/update" role="form" enctype="multipart/form-data" class="form-prevent-multiple-submits">
                        @csrf
                        <div class="card-body">
                            <h4>Personal Details</h4><hr>
                              <div class="row">
                                  <div class="col-md-4">
                                      <div style="border: 2px solid lightgray;padding: 35px;height: 400px;">

                                      <div class="form-group">
                                          <label for="location">Name</label>
                                          <input type="text" value="{{$item->name}}" name="name" class="form-control" id="" placeholder="Enter First Name">

                                        </div>

                                        <div class="form-group">
                                            <label for="location">National ID</label>
                                            <input type="text" value="{{$item->nin}}" name="nin" class="form-control" id="" placeholder="Enter National ID">
  
                                          </div>

                                        <div class="form-group">
                                            <label for="location">Bank</label>
                                            <input type="text" value="{{$item->bank}}" name="bank" class="form-control" id="" placeholder="Enter Bank Name">
                                          </div>


                                          <div class="form-group">
                                            <label for="location">Account Number</label>
                                            <input type="text" value="{{$item->account_number}}" name="account_number" class="form-control" id="" placeholder="Enter Account Number">
                                          </div>



                                      </div>
                                  </div>
                                  <div class="col-md-4">
                                      <div style="border: 2px solid lightgray;padding: 35px;height: 400px;">
                                        <div class="form-group">
                                            <label for="employee_-id">Title</label>
                                            <input type="text" value="{{ $item->title }}" name="title" class="form-control" id="" placeholder="Enter Title">
                                        </div>
                                        <div class="form-group">
                                            <label for="employee_-id">Duty Station</label>
                                            <input type="text" value="{{$item->duty_station}}" name="duty_station" class="form-control" id="" placeholder="Enter Duty Station">
                                        </div>






                                      </div>


                                  </div>
                                  <div class="col-md-4">
                                      <div style="border: 2px solid lightgray;padding: 35px;height: 400px;">


                                        <div class="form-group">
                                            <label for="location">District</label>
                                            <input type="text" value="{{$item->district}}" name="district" class="form-control" id="" placeholder="Enter District">
                                          </div>

                                          <div class="form-group">
                                            <label for="location">Telephone Number</label>
                                            <input type="text" value="{{$item->telephone_number}}" name="telephone_number" class="form-control" id="" placeholder="Enter Telephone Number">
                                          </div>




                                      </div>

                                  </div>
                              </div>
                              <br>



                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer">
                        </div>
                    </div>
              </div>
              <div class="modal-footer">
                <input type="hidden" value = "{{$item->id}}" name="id" />

                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  <button type="submit" class="btn btn-primary button-prevent-multiple-submits float-right" style="margin-left: 10px;"><i class="fa fa-spinner fa-spin font-icon spinner" aria-hidden="true"></i> Submit</button>
              </div>
            </div>
           </form>
            <!-- /.modal-content -->

                                </div>
                        </div>
                        <!-- /.card-body -->
                      </div>
                </section>
                <!-- /.Left col -->
              </div>
              <!-- /.row (main row) -->
            </div><!-- /.container-fluid -->
          </section>
          <!-- /.content -->
    </div>
    @include('inc.copyright')
@endsection