{{-- resources/views/admin/kesiswaan/siswa/edit.blade.php --}}
@extends('layouts.admin')
@section('title', 'Edit Data Siswa')
@section('content')
<div class="page-inner">
  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
      <div><h3 class="fw-bold mb-3">Edit Data Siswa: {{ $siswa->name }}</h3></div>
      <div class="ms-md-auto py-2 py-md-0">
        <a href="{{ route('admin.siswa.index') }}" class="btn btn-secondary btn-round">
          <i class="fa fa-arrow-left"></i> Kembali ke Daftar Siswa
        </a>
      </div>
  </div>
  <div class="row">
      <div class="col-md-12">

        <ul class="nav nav-tabs" id="siswaTab" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" id="profil-tab" data-bs-toggle="tab" href="#profil" role="tab" aria-controls="profil" aria-selected="true">Profil Utama</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="ortu-tab" data-bs-toggle="tab" href="#ortu" role="tab" aria-controls="ortu" aria-selected="false">Data Orang Tua</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="kependudukan-tab" data-bs-toggle="tab" href="#kependudukan" role="tab" aria-controls="kependudukan" aria-selected="false">Kependudukan</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="alamat-tab" data-bs-toggle="tab" href="#alamat" role="tab" aria-controls="alamat" aria-selected="false">Alamat</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="pendidikan-tab" data-bs-toggle="tab" href="#pendidikan" role="tab" aria-controls="pendidikan" aria-selected="false">Pendidikan</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="kesehatan-tab" data-bs-toggle="tab" href="#kesehatan" role="tab" aria-controls="kesehatan" aria-selected="false">Kesehatan</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="dokumen-tab" data-bs-toggle="tab" href="#dokumen" role="tab" aria-controls="dokumen" aria-selected="false">Dokumen</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="status-tab" data-bs-toggle="tab" href="#status" role="tab">Status Akademik</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="riwayat-tab" data-bs-toggle="tab" href="#riwayat" role="tab">
                Riwayat Akademik
            </a>
        </li>
        </ul>

        <div class="tab-content" id="siswaTabContent">
          <div class="tab-pane fade show active" id="profil" role="tabpanel" aria-labelledby="profil-tab">
            <form method="POST" action="{{ route('admin.siswa.update', $siswa->id) }}" enctype="multipart/form-data">
              @method('PUT')
              <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
                @include('admin.kesiswaan.siswa._form', ['siswa' => $siswa])
              </div>
            </form>
          </div>

          <div class="tab-pane fade" id="ortu" role="tabpanel" aria-labelledby="ortu-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_ortu')
            </div>
          </div>

          <div class="tab-pane fade" id="kependudukan" role="tabpanel" aria-labelledby="kependudukan-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_kependudukan')
            </div>
          </div>

          <div class="tab-pane fade" id="alamat" role="tabpanel" aria-labelledby="alamat-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_alamat')
            </div>
          </div>

          <div class="tab-pane fade" id="pendidikan" role="tabpanel" aria-labelledby="pendidikan-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_pendidikan')
            </div>
          </div>

          <div class="tab-pane fade" id="kesehatan" role="tabpanel" aria-labelledby="kesehatan-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_kesehatan')
            </div>
          </div>

          <div class="tab-pane fade" id="dokumen" role="tabpanel" aria-labelledby="dokumen-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._form_dokumen')
            </div>
          </div>

          <div class="tab-pane fade" id="status" role="tabpanel" aria-labelledby="status-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
              @include('admin.kesiswaan.siswa._status', ['siswa' => $siswa,'kelasTujuan' => $kelasTujuan ?? collect()])
            </div>
          </div>

          <div class="tab-pane fade" id="riwayat" role="tabpanel" aria-labelledby="riwayat-tab">
            <div class="card card-round shadow-sm border-0 border-top-0 rounded-top-0">
                @include('admin.kesiswaan.siswa._form_status', ['siswa' => $siswa])
            </div>
        </div>
          
        </div>
      </div>
  </div>
</div>
@endsection