@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
@section('head-link')
    <link href="{{ asset('assets/summernote-0.9.0-dist/summernote-bs5.css') }}" rel="stylesheet">
    <script src="{{ asset('assets/summernote-0.9.0-dist/summernote-bs5.js') }}"></script>
@endsection
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="row mb-2 mx-1">
                    <div class="card" style="min-height: 650px; width: 100%;">
                        <div class="card-header">
                            <h5 class="mb-0">Pendaftar Magang</h5>
                        </div>
                        <hr class="horizontal dark mt-0">
                        <div class="row px-4 py-2">
                            <div class="col">
                                {{-- alert --}}
                                @include('components.alert')
                            </div>
                            <div class="d-flex justify-content-end align-items-center px-3 py-2">
                                <div class="d-flex align-items-center gap-2">
                                    <p id="selectedCount" class="fw-semibold text-primary small mb-3">0 Kandidat
                                        dipilih</p>
                                    <button type="button" class="btn btn-secondary btn-sm d-flex align-items-center"
                                        onclick="uncheckAll()" title="Batalkan semua pilihan">
                                        <i class="bi bi-x-lg me-1"></i> Batal
                                    </button>
                                    <button type="button" class="btn btn-danger btn-sm d-flex align-items-center"
                                        onclick="bulkAction('reject')">
                                        <i class="bi bi-x-circle me-1"></i> Tolak
                                    </button>
                                    <button type="button" class="btn btn-success btn-sm d-flex align-items-center"
                                        onclick="bulkAction('accept')">
                                        <i class="bi bi-check-circle me-1"></i> Terima
                                    </button>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table display w-100" id="editable_table">
                                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                                        <tr>
                                            <th>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="selectAll">
                                                </div>
                                            </th>
                                            <th>No</th>
                                            <th>Action</th>
                                            <th>Nama</th>
                                            <th>Lowongan</th>
                                            <th>Universitas</th>
                                            <th>Semester</th>
                                            <th>IPK</th>
                                            <th>Submit</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($kandidat as $key => $k)
                                            <tr>
                                                <td>
                                                    <div class="form-check">
                                                        <input class="form-check-input rowCheckbox" type="checkbox"
                                                            value="{{ encrypt($k->id) }}" data-nama="{{ $k->nama }}">
                                                    </div>
                                                </td>
                                                <td>{{ $key + 1 }}</td>
                                                <td class="text-sm font-weight-normal">
                                                    <div class="btn-group">
                                                        <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                                            title="View Data"
                                                            onclick="window.location='{{ url($url_menu . '/show/') }}/{{ encrypt($k->id) }}'">
                                                            <i class="fas fa-eye" aria-hidden="true"> </i><span
                                                                class="font-weight-bold"> View
                                                            </span></button>
                                                        <button type="button"
                                                            class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                                            data-bs-toggle="dropdown" aria-expanded="false">
                                                            <span class="visually-hidden">Toggle Dropdown</span>
                                                        </button>
                                                        <ul class="dropdown-menu">
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                            @php
                                                                $phone = $k->no_telp;
                                                                if (str_starts_with($phone, '0')) {
                                                                    $phone = '62' . substr($phone, 1); // ganti 0 di awal jadi 62
                                                                }
                                                            @endphp
                                                            <button type="button"
                                                                class="btn btn-sm btn-info mx-2 mb-0 w-90" title="WhatsApp"
                                                                onclick="window.open('https://wa.me/{{ $phone }}')">
                                                                <span class="font-weight-bold">WhatsApp</span>
                                                            </button>
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                            <button type="button"
                                                                class="btn btn-sm btn-danger mx-2 mb-0 w-90"
                                                                title="Edit Data"
                                                                onclick="openModal('reject','{{ encrypt($k->id) }}', '{{ $k->nama }}')">
                                                                <span class="font-weight-bold">Tolak</span>
                                                            </button>
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                            <button type="button"
                                                                class="btn btn-sm btn-success mx-2 mb-0 w-90"
                                                                title="Edit Data"
                                                                onclick="openModal('accept','{{ encrypt($k->id) }}', '{{ $k->nama }}')">
                                                                <span class="font-weight-bold">Terima</span>
                                                            </button>
                                                            <li>
                                                                <hr class="dropdown-divider">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                                <td>{{ $k->nama }}</td>
                                                <td>{{ $k->posisi }}</td>
                                                <td>{{ $k->universitas_id == '0' ? $k->universitas_lain : $k->universitas }}
                                                </td>
                                                <td>{{ $k->semester }}</td>
                                                <td>{{ $k->ipk }}</td>
                                                <td>{{ date('d-m-Y', strtotime($k->created_at)) }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Modal Terima -->
            <div class="modal fade" id="acceptModal" tabindex="-1">
                <div class="modal-dialog modal-xl">
                    <form id="acceptForm" method="POST">
                        @csrf
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">Kirim Email Penerimaan</h5>
                            </div>

                            <div class="modal-body">
                                <div class="mb-2">
                                    <strong>Nama Kandidat:</strong>
                                    <ol id="acceptApplicantName" class="mb-0"></ol>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-2">
                                        <label for="acceptTestDate">Tanggal Tes</label>
                                        <input type="date" id="acceptTestDate" name="tanggal_tes" class="form-control"
                                            required min="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function now() in /opt/lampp/htdocs/msjmagang/resources/views/transc/trkndt/list.blade.php:158
Stack trace:
#0 {main}
  thrown in <b>/opt/lampp/htdocs/msjmagang/resources/views/transc/trkndt/list.blade.php</b> on line <b>158</b><br />