@extends('admin.layouts.app')

@section('title', 'Dataset Pendaftar')

@section('content')
<div class="main-panel">
    <div class="content-wrapper" style="padding: 2.5rem">

        {{-- @if (session('success'))
            <div class="alert alert-success">
                <p class="mb-0 text-bold" style="font-weight: bold">{{ session('success') }}</p>
            </div>
        @endif --}}
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>Berhasil!</strong> {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Gagal!</strong> {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="row">
            <div class="col-lg-12 grid-margin stretch-card">
                <div class="card card-rounded">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-4 border-bottom pb-3">
                            <div>
                                <h4 class="card-title mb-1">Data Pendaftar</h4>
                                <small class="text-muted">
                                    Dataset pendaftar untuk training
                                </small>
                            </div>
                            <div class="d-flex gap-3">
                                {{-- <button class="btn btn-success" data-toggle="modal" data-target="#manualInput">Tambah Data</button> --}}
                                <a href="{{ route('naive-bayes.export1') }}" class="btn btn-warning">Export</a>
                                <button class="btn btn-primary" data-toggle="modal" data-target="#exampleModalIn">Import</button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table id="myTable" class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nama</th>
                                        <th>Umur</th>
                                        <th>Kondisi Keluarga</th>
                                        <th>Nilai IQ</th>
                                        <th>Nilai Kepribadian</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($users as $score)
                                    <tr class="text-capitalize">
                                        <td>{{ $loop->iteration }}</td>
                                        <td> {{ ucwords(strtolower($score->biodataOne->full_name)) }}
                                        {{-- ({{ $score->biodataOne->first()->user_id }}/{{ $score->biodataOne->first()->academy_year->year }}) --}} </td>
                                        {{-- <td> {{ $score->biodataOne->first()->academy_year->year }}</td> --}}
                                        <td> {{ $score->biodataOne->age.' Tahun'?? '-' }}</td>
                                        <td> {{ str_replace('-', ' ', $score->biodataOne->family ?? '-') }}</td>
                                        <td> {{ $score->scoreIq->score_question_iq ?? 0 }} / 100</td>
                                        <td> {{ $score->scorePersonal->score_question_personal ?? 0 }} / 250</td>
                                        <td>
                                            @php
                                                $status = $score->final_status;
                                            @endphp

                                            @if($score->final_status == 'lolos')
                                                <span class="badge bg-success">Lolos</span>
                                            @else
                                                <span class="badge bg-danger">Tidak Lolos</span>
                                            @endif
                                        </td>
                                        {{-- <td>
                                            <a href="#mymodal"
                                                data-remote="{{ route('regis.show', $score->id) }}"
                                                data-toggle="modal"
                                                data-target="#mymodal"
                                                data-title="Profil Calon Santri"
                                                class="btn btn-primary btn-icon-text p-2 text-capitalize"
                                                data-bs-toggle="tooltip" data-bs-placement="bottom" title="Show Detail">
                                                <i class="icon-eye btn-icon-prepend"></i> Detail
                                            </a>
                                        </td> --}}
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="mymodal" tabindex="-1">
    <div class="modal-dialog mt-4">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"></h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <i class="fa fa-spinner fa-spin"></i>
            </div>
            {{-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div> --}}
        </div>
    </div>
</div>

{{-- modal tambah data --}}
<div class="modal fade" id="manualInput" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content shadow">
            {{-- Header --}}
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title" id="exampleModalLabel">Masukan Dataset Pendaftar</h5>
            </div>

            {{-- Body --}}
            <div class="modal-body">
                <form method="POST" action="{{ route('naive-bayes.manual1') }}" id="manual">
                    @csrf

                    {{-- DATA UTAMA --}}
                    <h6 class="text-primary font-weight-bold mb-3">Data Pribadi</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Nama Panggilan</label>
                            <input name="name"
                                class="form-control @error('name') is-invalid @enderror"
                                value="{{ old('name') }}">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Nama Lengkap</label>
                            <input name="full_name"
                                class="form-control @error('full_name') is-invalid @enderror"
                                value="{{ old('full_name') }}">
                            @error('full_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="mb-1">Umur</label>
                            <input type="number" name="age"
                                class="form-control @error('age') is-invalid @enderror"
                                value="{{ old('age') }}">
                            @error('age')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="mb-1">Email</label>
                            <input name="email" type="email"
                                class="form-control @error('email') is-invalid @enderror"
                                value="{{ old('email') }}">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4 mb-3">
                            <label class="mb-1">Nomor HP</label>
                            <input name="phone"
                                maxlength="13"
                                class="form-control @error('phone') is-invalid @enderror"
                                value="{{ old('phone') }}">
                            @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Maksimal 13 digit</small>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Tahun Ajaran</label>
                            <select name="year" class="form-select select-solid @error('year') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                @foreach ($tahun_ajaran as $item)
                                    <option value="{{ $item->year }}"
                                        {{ old('year') == $item->year ? 'selected' : '' }}>
                                        {{ $item->year }} ({{ $item->stage->name ?? '' }})
                                    </option>
                                @endforeach
                            </select>
                            @error('year')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    <hr>

                    {{-- DATA KELUARGA --}}
                    <h6 class="text-primary font-weight-bold mb-3">Data Keluarga</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Kondisi Keluarga</label>
                            <select name="family" class="form-select @error('family') is-invalid @enderror">
                                <option value="">-- Pilih --</option>
                                <option value="tidak-mampu">Tidak Mampu</option>
                                <option value="mampu">Mampu</option>
                                <option value="sangat-mampu">Sangat Mampu</option>
                            </select>
                            @error('family')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Penghasilan Orang Tua</label>
                            <select name="parent_income" class="form-select @error('parent_income') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="kurang dari Rp. 2.000.000">Kurang dari Rp. 2.000.000</option>
                                <option value="Rp. 2.000.000 - 5.000.000">Rp. 2.000.000 - 5.000.000</option>
                                <option value="lebih dari Rp. 5.000.000">Lebih dari Rp. 5.000.000</option>
                            </select>
                            @error('parent_income')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Jumlah Saudara</label>
                            <input type="number" name="brother"
                                class="form-control @error('brother') is-invalid @enderror"
                                value="{{ old('brother') }}">
                            @error('brother')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Jumlah Hafalan</label>
                            <input type="number" name="memorization"
                                min="0" max="30"
                                class="form-control @error('memorization') is-invalid @enderror"
                                value="{{ old('memorization') }}">
                            @error('memorization')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 30</small>
                        </div>

                    </div>

                    <hr>

                    {{-- PERILAKU --}}
                    <h6 class="text-primary font-weight-bold mb-3">Perilaku & Ibadah</h6>
                    <div class="row">

                        @foreach ([
                            'smoker' => 'Merokok',
                            'tattoed' => 'Bertato',
                            'girlfriend' => 'Pacaran',
                            'gamer' => 'Gamer'
                        ] as $key => $label)
                            <div class="col-md-3 mb-3">
                                <label class="mb-1">{{ $label }}</label>
                                <select name="{{ $key }}" class="form-select @error($key) is-invalid @enderror">
                                    <option>-- Pilih --</option>
                                    <option value="iya">Iya</option>
                                    <option value="tidak">Tidak</option>
                                </select>
                                @error($key)
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        @endforeach

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Solat Subuh</label>
                            <select name="pray" class="form-select @error('pray') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="dibangunkan">Dibangunkan</option>
                                <option value="bangun-sendiri">Bangun Sendiri</option>
                            </select>
                            @error('pray')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    <hr>

                    {{-- NILAI --}}
                    <h6 class="text-primary font-weight-bold mb-3">Nilai Tes</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Skor IQ</label>
                            <input type="number" max="100" name="iq"
                                class="form-control @error('iq') is-invalid @enderror"
                                value="{{ old('iq') }}">
                            @error('iq')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 100</small>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Skor Kepribadian</label>
                            <input type="number" max="250" name="kepribadian"
                                class="form-control @error('kepribadian') is-invalid @enderror"
                                value="{{ old('kepribadian') }}">
                            @error('kepribadian')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 250</small>
                        </div>

                    </div>

                </form>
            </div>

            {{-- Footer --}}
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Batal</button>
                <button class="btn btn-primary" type="submit" form="manual">
                    <i class="mdi mdi-content-save"></i> Simpan
                </button>
            </div>
        </div>
    </div>
</div>

{{-- modal import data --}}
<div class="modal fade" id="exampleModalIn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog " role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Import Dataset Calon Santri</h5>
                <a href="{{ route('naive-bayes.download1') }}" class="btn btn-primary">Download Template</a>
            </div>
            <div class="modal-body">
                <form method="POST" action="{{ route('naive-bayes.import1') }}" id="import" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group mb-3">
                        <label class="fs-6">Tahun Ajaran & Gelombang</label>
                        <select name="academy_year_id" class="form-select" required>
                            <option value="">-- Pilih --</option>
                            @foreach($tahun_ajaran as $ta)
                                <option value="{{ $ta->id }}">
                                    {{ $ta->year }} ({{ $ta->stage->name ?? '' }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="fs-6">Pilih File</label>
                        <div class="input-group">
                            <input type="file" name="file" class="form-control pb-4">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kembali</button>
                <button type="submit" class="btn btn-primary" form="import">Submit</button>
            </div>
        </div>
    </div>
</div>
@endsection

@if ($errors->any())
<script>
    $(document).ready(function () {
        $('#manualInput').modal('show');
    });
</script>
@endif