@extends('layouts.master')

@section('content')
<section class="content card" style="padding: 10px 10px 20px 20px;">
    <div class="box">
        @if(session('sukses'))
        <div class="callout callout-success alert alert-success alert-dismissible fade show" role="alert">
            <h5><i class="fas fa-check"></i> Sukses :</h5>
            {{ session('sukses') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif

        @if(session('warning'))
        <div class="callout callout-warning alert alert-warning alert-dismissible fade show" role="alert">
            <h5><i class="fas fa-info"></i> Informasi :</h5>
            {{ session('warning') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif

        @if ($errors->any())
        <div class="callout callout-danger alert alert-danger alert-dismissible fade show">
            <h5><i class="fas fa-exclamation-triangle"></i> Peringatan :</h5>
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        @endif

        <div class="row">
            <div class="col">
                <h4><i class="nav-icon fas fa-child my-0 btn-sm-1"></i> Data Peserta Didik</h4>
                <hr>
            </div>
        </div>

        <div class="row mb-3">
            <div class="col">
                <a class="btn btn-primary btn-sm my-1 mr-sm-1" href="/pesdik/create" role="button">
                    <i class="fas fa-plus"></i> Tambah Data
                </a>

                <a class="btn btn-success btn-sm my-1 mr-sm-1" href="{{ route('pesdik.export') }}">
                    <i class="fas fa-file-excel"></i> Export Excel
                </a>

                <button type="button" class="btn btn-warning btn-sm my-1 mr-sm-1" data-toggle="modal" data-target="#modalImportPesdik">
                    <i class="fas fa-file-import"></i> Import Excel
                </button>
            </div>
        </div>

        <div class="row">
            <div class="row table-responsive">
                <div class="col-12">
                    <table class="table table-hover table-head-fixed" id="tabelAgendaMasuk">
                        <thead>
                            <tr class="bg-light">
                                <th>No.</th>
                                <th>Status</th>
                                <th>Nama Lengkap</th>
                                <th>Jenis Kelamin</th>
                                <th>NISN</th>
                                <th>No. Induk</th>
                                <th>Tingkat Kelas</th>
                                <th>Rombel Saat Ini</th>
                                <th>Tahun Pelajaran</th>
                                <th>Tempat Lahir</th>
                                <th>Tanggal Lahir</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $no = 1; @endphp
                            @foreach($data_pesdik as $pesdik)
                            <tr>
                                <td>{{ $no++ }}</td>
                                <td>{{ $pesdik->status }}</td>
                                <td>{{ $pesdik->nama }}</td>
                                <td>{{ $pesdik->jenis_kelamin }}</td>
                                <td>{{ $pesdik->nisn }}</td>
                                <td>{{ $pesdik->induk }}</td>
                                <td>{{ $pesdik->rombel->kelas }}</td>
                                <td>{{ $pesdik->rombel->nama_rombel }}</td>
                                <td>{{ $pesdik->rombel->tapel->tahun }} {{ $pesdik->rombel->tapel->semester }}</td>
                                <td>{{ $pesdik->tempat_lahir }}</td>
                                <td>{{ $pesdik->tanggal_lahir }}</td>
                                <td>
                                    <a href="/pesdik/{{ $pesdik->id }}/edit" class="btn btn-primary btn-sm my-1 mr-sm-1">
                                        <i class="nav-icon fas fa-pencil-alt"></i> Edit
                                    </a>

                                    @if (auth()->user()->role == 'admin')
                                    <a href="/pesdik/{{ $pesdik->id }}/delete" class="btn btn-danger btn-sm my-1 mr-sm-1" onclick="return confirm('Hapus data ini?')">
                                        <i class="nav-icon fas fa-trash"></i> Hapus
                                    </a>

                                    <a href="/pesdik/{{ $pesdik->id }}/registrasi" class="btn btn-success btn-sm my-1 mr-sm-1">
                                        <i class="nav-icon fas fa-child"></i> Registrasi
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="modalImportPesdik" tabindex="-1" role="dialog" aria-labelledby="modalImportPesdikLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="{{ route('pesdik.import') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="modal-content">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title" id="modalImportPesdikLabel">
                        <i class="fas fa-file-import"></i> Import Data Peserta Didik
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Tutup">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="alert alert-info">
                        <b>Petunjuk Import:</b><br>
                        1. Siapkan file Excel dengan format kolom yang sesuai.<br>
                        2. Upload file dengan format <b>.xls</b>, <b>.xlsx</b>, atau <b>.csv</b>.<br>
                        3. Pastikan nama kolom header tidak diubah.
                    </div>

                    <div class="form-group">
                        <label for="file">Pilih File Excel</label>
                        <input type="file" name="file" id="file" class="form-control" accept=".xls,.xlsx,.csv" required>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn-sm">
                        <i class="fas fa-upload"></i> Import Sekarang
                    </button>
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">
                        <i class="fas fa-times"></i> Tutup
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection