@extends('layouts.employee')
@section('content')
<div class="container-fluid">
          <!-- start page title -->
          <div class="row">
            <div class="col-12">
              <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">Bank Details and Documentation </h4>

                <div class="page-title-right">
                  <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                    <li class="breadcrumb-item active">Bank Details and Documentation </li>
                  </ol>
                </div>

              </div>
            </div>
          </div>

        <div class="row">
          <div class="col-lg-10 mx-auto">
              @if(session('alert-green'))
                  <div  id="mydiv" class="alert alert-success mt-3 text-center">
                      {{ session('alert-green') }}
                  </div>
              @endif

              @if(session('alert-danger'))
                  <div id="mydiv" class="alert alert-danger mt-3 text-center">
                      {{ session('alert-danger') }}
                  </div>
              @endif
              @if($errors->any())
                  <div id="mydiv" class="row">
                      <div class="col-md-12 mb-5">
                          @foreach ($errors->all() as $error)
                          <div class="text-danger small mb-1">* {{$error}}</div>
                          @endforeach
                      </div>
                  </div>
              @endif
          </div>
      </div>
     
      <!-- end page title -->
      <div class="row">
        <div class="col-lg-12">
          <div class="card"> 
            <div class="card-body p-4">
                <form action="{{ route('employee.bank_doc_details_action', ['id' => $user->id]) }}" method="post"  enctype="multipart/form-data">
                  @csrf
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="row">                             
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="photo">Passport size picture</label>
                                    <input type="file" name="photo" class="form-control "  value="{{ $candidate->photo ?? ''}}" id="photo">
                                    @if( !empty($candidate->photo))
                                    <a target="_blank" href="{{ url($candidate->photo ?? '')}}">Photo Download</a>
                                    @endif
                                </div>
                            
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">NID Photo</label>
                                    <input type="file" name="nid_photo" class="form-control "  value="{{ $candidate->nid_photo ?? ''}}" id="nid_photo">
                                    @if( !empty($candidate->nid_photo))
                                    <a target="_blank" href="{{ url($candidate->nid_photo ?? '')}}">NID Download</a>
                                    @endif
                                </div>
                            
                                <div class="col-md-4 mb-3">
                                    <label class="form-label">Upload CV (pdf/doc)</label>
                                    <input type="file" name="cv" class="form-control "  id="cv">
                                    @if( !empty($candidate->cv))
                                    <a target="_blank" href="{{ url($candidate->cv ?? '')}}">CV Download</a>
                                    @endif
                                </div>
                            
                                <div class="col-md-4 mb-3">
                                    <label class="form-label" for="tin_certificate">Upload Etin certificate</label>
                                    <input type="file" name="tin_certificate" class="form-control "  value="{{ $candidate->tin_certificate ?? ''}}" id="tin_certificate">
                                    @if( !empty($candidate->tin_certificate))
                                    <a target="_blank" href="{{ url($candidate->tin_certificate ?? '')}}">Etin certificate Download</a>
                                    @endif
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label class="input-label">Upload Appointment Letter</label>
                                    <input type="file" name="appoinment_letter_img" class="form-control "   id="appoinment_letter_img">
                                    @if( !empty($employee->appoinment_letter_img))
                                    <a target="_blank" href="{{ url($employee->appoinment_letter_img ?? '')}}">Appointment Letter</a>
                                    @endif
                                </div>

                                <div class="col-md-4 mb-3">
                                    <label class="input-label" for="referance_nid">Upload Reference NID</label>
                                    <input type="file" name="referance_nid" class="form-control "  id="referance_nid">
                                    @if( !empty($employee->referance_nid))
                                    <a target="_blank" href="{{ url($employee->referance_nid ?? '')}}">Reference NID</a>
                                    @endif
                                </div>
                            </div>
                        </div>
                      <!-- end col -->
                        <div class="col-lg-12">
                          <div class="row">
                            <!-- end col -->
                            <div class="col-lg-12 text-end">
                              <button type="submit" class="btn btn-outline-primary w-sm me-2">Reset</button>
                              <button type="submit" class="btn btn-primary w-sm">Submit</button>
                            </div>
                          </div>
                        </div>
                    </div>
                </form>
            </div>
          </div>
        </div>
      </div>
          
  </div>
@endsection
@section('script')
<script type="text/javascript">  
 $(document).ready(function () {               
        setTimeout(function() {
            $('#mydiv').fadeOut('fast');
        }, 3000);

    });
   
    
</script>
@endsection