@extends('admin.layouts.app')

@section('content')

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="d-flex flex-wrap align-items-center justify-content-between">
                    <div class="d-flex flex-wrap align-items-center">
                        <div class="profile-img position-relative me-3 mb-3 mb-lg-0 profile-logo profile-logo1">
                            <img src=" {{ asset('assets_admin/images/avatars/01.png') }}"
                                alt="User-Profile" class="theme-color-default-img img-fluid rounded-pill avatar-100">
                            <img src=" {{ asset('assets_admin/images/avatars/avtar_1.png') }}"
                                alt="User-Profile" class="theme-color-purple-img img-fluid rounded-pill avatar-100">
                            <img src=" {{ asset('assets_admin/images/avatars/avtar_2.png') }}"
                                alt="User-Profile" class="theme-color-blue-img img-fluid rounded-pill avatar-100">
                            <img src=" {{ asset('assets_admin/images/avatars/avtar_4.png') }}"
                                alt="User-Profile" class="theme-color-green-img img-fluid rounded-pill avatar-100">
                            <img src=" {{ asset('assets_admin/images/avatars/avtar_5.png') }}"
                                alt="User-Profile" class="theme-color-yellow-img img-fluid rounded-pill avatar-100">
                            <img src=" {{ asset('assets_admin/images/avatars/avtar_3.png') }}"
                                alt="User-Profile" class="theme-color-pink-img img-fluid rounded-pill avatar-100">
                        </div>
                        <div class="d-flex flex-wrap align-items-center mb-3 mb-sm-0">
                            <h4 class="me-2 h4">{{ $siswa->nama }}</h4>
                            <span> ({{ \Helper::calculateAge($siswa->tanggal_lahir) }} Tahun)</span>
                        </div>
                    </div>
                    <ul class="d-flex nav nav-pills mb-0 text-center profile-tab" data-toggle="slider-tab"
                        id="profile-pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active show" data-bs-toggle="tab" href="#profile-tab" role="tab"
                                aria-selected="false">Biodata</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#lampiran-tab" role="tab"
                                aria-selected="false">Berkas Lampiran</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#sekolah-tab" role="tab"
                                aria-selected="false">Sekolah Pilihan</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="tab" href="#activity-tab" role="tab"
                                aria-selected="false">Aktifitas</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="profile-content tab-content">
            <div id="profile-tab" class="tab-pane fade active show">
                <div class="card">
                    <div class="card-header">
                        <div class="header-title">
                            <h4 class="card-title">Profile</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="text-center">
                            <div class="user-profile">
                                <img src=" {{ asset('assets_admin/images/avatars/01.png') }}"
                                    alt="profile-img" class="rounded-pill avatar-130 img-fluid">
                            </div>
                            <div class="mt-3">
                                <h3 class="d-inline-block">{{ $siswa->nama }}</h3>
                                <p class="d-inline-block pl-3">
                                    ({{ \Helper::calculateAge($siswa->tanggal_lahir) }})</p>
                                <p class="mb-0">{{ $siswa->alamat }}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="header-title">
                            <h4 class="card-title">Biodata</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="user-bio">
                            <p>{{ $siswa->nama }} Mendaftar di jalur pendaftaran : {{ $siswa->jalur_pendaftaran }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">NIK:</h6>
                            <p>{{ $siswa->nik }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Nomor Whatsapp:</h6>
                            <p>{{ $siswa->no_wa }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Jenis Kelamin:</h6>
                            <p>{{ ($siswa->jenis_kelamin == "L" ? "Laki-laki" : "Perempuan") }}
                            </p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Tempat Lahir:</h6>
                            <p>{{ $siswa->tempat_lahir }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Tanggal Lahir:</h6>
                            <p> {{ $siswa->tanggal_lahir }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Provinsi:</h6>
                            <p> {{ $siswa->kelurahan->kecamatan->kabupaten->nama_kabupaten }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">kecamatan:</h6>
                            <p> {{ $siswa->kelurahan->kecamatan->nama_kecamatan }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Kelurahan:</h6>
                            <p> {{ $siswa->kelurahan->nama_kelurahan }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">RT/RW:</h6>
                            <p> {{ $siswa->rt }} / {{ $siswa->rw }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">No KK:</h6>
                            <p> {{ $siswa->no_kk }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Nama Orang Tua:</h6>
                            <p> {{ $siswa->nama_ortu }}</p>
                        </div>
                        <div class="mt-2">
                            <h6 class="mb-1">Nomor Akta Kelahiran:</h6>
                            <p> {{ $siswa->no_akta_kelahiran }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="lampiran-tab" class="tab-pane fade">
                <div class="card">
                    <div class="card-header">
                        <div class="header-title">
                            <h4 class="card-title">Lampiran</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        @foreach ($siswa->media as $media)
                            <div>
                                <h6 class="mb-1 text-primary"> <a target="_blank" href="{{ $media->getUrl() }}"> <i class="fa fa-download"></i>  {{ $media->collection_name }} / {{ $media->file_name }} </a></h6>
                            </div>
                        @endforeach
                        
                    </div>
                </div>
            </div>
            <div id="sekolah-tab" class="tab-pane fade">
                <div class="row">
                    <div class="col-md-4 mt-3">
                        <div class="row">
                            <div class="col">
                                <div class="card">
                                    <div class="card-header">
                                        <div class="header-title">
                                            <h4 class="card-title">Profile</h4>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-center">
                                            <div class="user-profile">
                                                <img src=" {{ asset('assets_admin/images/avatars/01.png') }}"
                                                    alt="profile-img" class="rounded-pill avatar-130 img-fluid">
                                            </div>
                                            <div class="mt-3">
                                                <h3 class="d-inline-block">{{ $siswa->nama }}</h3>
                                                <p class="d-inline-block pl-3">
                                                    ({{ \Helper::calculateAge($siswa->tanggal_lahir) }})</p>
                                                <p class="mb-0">{{ $siswa->alamat }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8 mt-3">
                        <div class="card">
                            <div class="card-header">
                                <div class="header-title">
                                    <h4 class="card-title">Sekolah Pilihan Siswa</h4>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="basic-table" class="table table-striped mb-0" role="grid">
                                        <thead>
                                            <tr>
                                                <th>Pilihan Ke-</th>
                                                <th>Nama Sekolah</th>
                                                <th>NPSN</th>
                                                <th>Jarak Siswa Ke Sekolah</th>
                                                <th>Bentuk Pendidikan</th>
                                                <th>Status Sekolah</th>
                                                <th>Kabupaten</th>
                                                <th>Kecamatan</th>
                                                <th>Kelurahan</th>
                                                <th>Alamat</th>
                                                <th>Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($siswa->sekolah as $sekolah)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>
                                                        <div class="d-flex align-items-center">
                                                            <img class="rounded img-fluid avatar-40 me-3 bg-soft-primary"
                                                                src="{{ asset('assets_admin/images/icons/sekolah.png') }}"
                                                                alt="profile">
                                                            <h6><a href="{{ route('sekolah.show',$sekolah->id) }}">{{ $sekolah->nama_sekolah }}</a></h6>
                                                        </div>
                                                    </td>
                                                    <td>{{ $sekolah->npsn }}</td>
                                                    <td>{{ \Helper::calculateDistance($siswa->lintang, $siswa->bujur, $sekolah->lintang, $sekolah->bujur) }}
                                                    </td>
                                                    <td>{{ $sekolah->bentuk_pendidikan }}</td>
                                                    <td>{{ $sekolah->status_sekolah }}</td>
                                                    <td>{{ $sekolah->kelurahan->kecamatan->kabupaten->nama_kabupaten }}
                                                    </td>
                                                    <td>{{ $sekolah->kelurahan->kecamatan->nama_kecamatan }}</td>
                                                    <td>{{ $sekolah->kelurahan->nama_kelurahan }}</td>
                                                    <td>{{ $sekolah->alamat }}</td>
                                                    <td>
                                                        @if ($siswa->status == "diverifikasi")
                                                            @if ($siswa->jalur_pendaftaran == "Afirmasi")
                                                                @php
                                                                    $siswaYangLolos = $sekolah->siswa_afirmasi->slice(0,$sekolah->kuota_afirmasi-1)->filter(function($item){
                                                                        return $item->tempat_lain == false;
                                                                    })->pluck('id');
                                                                @endphp
                                                                @if (in_array($siswa->id, $siswaYangLolos->toArray()))
                                                                    <div class="text-success">Lolos</div>
                                                                @else
                                                                    <div class="text-info">Pending</div>
                                                                @endif
                                                            @elseif ($siswa->jalur_pendaftaran == "Zonasi")
                                                                @php
                                                                    $siswaYangLolos = $sekolah->siswa_zonasi->slice(0,$sekolah->kuota_zonasi-1)->filter(function($item){
                                                                        return $item->tempat_lain == false;
                                                                    })->pluck('id');
                                                                @endphp
                                                                @if (in_array($siswa->id, $siswaYangLolos->toArray()))
                                                                    <div class="text-success">Lolos</div>
                                                                @else
                                                                    <div class="text-info">Pending</div>
                                                                @endif
                                                            @else
                                                                <div class="text-info">Pending</div>
                                                            @endif
                                                        @else
                                                            <div class="text-warning">Menunggu Verifikasi</div>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="activity-tab" class="tab-pane fade">
                <div class="card">
                    <div class="card-header d-flex justify-content-between">
                        <div class="header-title">
                            <h4 class="card-title">Aktifitas</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div
                            class="iq-timeline0 m-0 d-flex align-items-center justify-content-between position-relative">
                            <ul class="list-inline p-0 m-0">
                                <li>
                                    <div class="timeline-dots timeline-dot1 border-primary text-primary"></div>
                                    <h6 class="float-left mb-1">Siswa Melakukan Pendaftaran</h6>
                                    <small class="float-right mt-1">24 November 2019</small>
                                    <div class="d-inline-block w-100">
                                        <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots timeline-dot1 border-success text-success"></div>
                                    <h6 class="float-left mb-1">Verifikasi Oleh Admin</h6>
                                    <small class="float-right mt-1">23 November 2019</small>
                                    <div class="d-inline-block w-100">
                                        <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots timeline-dot1 border-danger text-danger"></div>
                                    <h6 class="float-left mb-1">Penentuan Hasil Pendaftaran</h6>
                                    <small class="float-right mt-1">20 November 2019</small>
                                    <div class="d-inline-block w-100">
                                        <p>Bonbon macaroon jelly beans <a href="#">gummi bears</a>gummi bears jelly
                                            lollipop apple</p>
                                        <div class="iq-media-group iq-media-group-1">
                                            <a href="#" class="iq-media-1">
                                                <div class="icon iq-icon-box-3 rounded-pill">SP</div>
                                            </a>
                                            <a href="#" class="iq-media-1">
                                                <div class="icon iq-icon-box-3 rounded-pill">PP</div>
                                            </a>
                                            <a href="#" class="iq-media-1">
                                                <div class="icon iq-icon-box-3 rounded-pill">MM</div>
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots timeline-dot1 border-primary text-primary"></div>
                                    <h6 class="float-left mb-1">Pengumuman Hasil Pendaftaran</h6>
                                    <small class="float-right mt-1">19 November 2019</small>
                                    <div class="d-inline-block w-100">
                                        <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots timeline-dot1 border-warning text-warning"></div>
                                    <h6 class="float-left mb-1">Awalan Tahun Ajaran Baru</h6>
                                    <small class="float-right mt-1">15 November 2019</small>
                                    <div class="d-inline-block w-100">
                                        <p>Bonbon macaroon jelly beans gummi bears jelly lollipop apple</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12 mb-3">
        @if ($siswa->status == "diproses")
        <form method="POST" action="{{ route($url.'.update', $siswa->id) }}">
            @csrf

            @method('PUT')

            <button type="submit" name="terima" value="terima" class="btn btn-lg btn-success">Terima Data</button>
            <button type="submit" name="tolak" value="tolak" class="btn btn-lg btn-danger">Tolak Data</button>
        </form>
        @else
        <div class="col">
            @if($siswa->status == "diverifikasi")

            <h1><span class="badge bg-success">Status : Terverifikasi</span></h1>
            @elseif($siswa->status == "ditolak")
            <h1><span class="badge bg-danger">Status : Ditolak</span></h1>
            @endif
        @endif
        </div>
    </div>
</div>

@endsection