@extends('layouts.app')

@section('content')
<!-- 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">योग्यता सम्बन्धि जानकारी सम्पादन</h4>

      <div class="page-title-right">
        <ol class="breadcrumb m-0">
          <li class="breadcrumb-item"><a href="#">योग्यता</a></li>
          <li class="breadcrumb-item active">योग्यता सम्बन्धि जानकारी सम्पादन</li>
        </ol>
      </div>

    </div>
  </div>
</div>
<!-- end page title -->

<div class="row">
  <div class="col-lg-12">
    <div class="card">
      <div class="card-body">
        <div class="row">
          <div class="col">
            <table class="table align-middle">
              <thead>
                <tr class="bg-transparent">
                  <th>सदस्यको नाम</th>
                  <th> जन्म मिति </th>
                  <th>बुबाको नाम</th>
                  <th>आमाको नाम</th>
                  <th>श्रेणी</th>
                  <th>विशेषज्ञता</th>
                </tr>
              </thead>
              <tbody>
                <td>{{$memberInfo->nameeng}}</td>
                <td> {{$memberInfo->dob}} </td>
                <td>{{$memberInfo->fname}} </td>
                <td>{{$memberInfo->mname}}</td>
                <td>{{$memberInfo->level->level}}</td>
                <td>{{$memberInfo->specialization->specialization}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <form action="{{ url('updateproqualification', $qualificationName->id) }}" method="POST" enctype="multipart/form-data">
          @csrf
          <div class="row">

            <div class="col-md-4 mb-3">
              <label class="form-label">योग्यता स्तर</label>
              <input id="level" type="text" class="form-control @error('level') is-invalid @enderror" name="level" value="{{ $qualificationName->level }}" autocomplete="off">

              @error('level')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label">अध्ययन गरेको संस्था</label>
              <input id="sanstha" type="text" class="form-control @error('sanstha') is-invalid @enderror" name="sanstha" value="{{ $qualificationName->sanstha }}" autocomplete="off">

              @error('sanstha')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label">साल (B.S.) </label>
              <input id="year" type="text" class="form-control @error('year') is-invalid @enderror" name="year" value="{{ $qualificationName->year }}" required autocomplete="off">

              @error('year')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label">श्रेणी </label>
              <input id="shreni" type="text" class="form-control @error('shreni') is-invalid @enderror" name="shreni" value="{{ $qualificationName->shreni }}" required autocomplete="off">

              @error('shreni')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label">मार्कसिट / ट्रान्सक्रिप्ट
                @if ($qualificationName->marksheet !== '0' && !empty($qualificationName->marksheet))
                <a href="{{ storage_url($qualificationName->marksheet) }}" target="_blank">View File</a>
                @endif
              </label>
              <input type="file" name="marksheet" class="form-control">
              @error('marksheet')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label"> चारित्रिक प्रमाणपत्र
                @if ($qualificationName->character_certificate !== '0' && !empty($qualificationName->character_certificate))
                <a href="{{ storage_url($qualificationName->character_certificate) }}" target="_blank">View File</a>
                @endif
              </label>
              <input type="file" name="character_certificate" class="form-control">
              @error('character_certificate')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>

            <div class="col-md-4 mb-3">
              <label class="form-label"> अस्थायी प्रमाणपत्र
                @if ($qualificationName->provisional_certificate !== '0' && !empty($qualificationName->provisional_certificate))
                <a href="{{ storage_url($qualificationName->provisional_certificate) }}" target="_blank">View File</a>
                @endif
              </label>
              <input type="file" name="provisional_certificate" class="form-control">
              @error('provisional_certificate')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>


            <div class="col-md-4 mb-3">
              <label class="form-label">कैफियत</label>
              <input id="remarks" type="text" class="form-control @error('remarks') is-invalid @enderror" name="remarks" value="{{ $qualificationName->remarks }}" autocomplete="off">

              @error('remarks')
              <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
              </span>
              @enderror
            </div>



          </div>


          <div class="mb-3">
            <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">अपडेट गर्ने</button>
          </div>
        </form>
        <!-- end table responsive -->
      </div>
      <!-- end card body -->
    </div>
    <!-- end card -->
  </div>
  <!-- end col -->
</div>
<!-- end row -->
@endsection