@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card shadow-lg">
                    <div class="card-body">
                        <ul class="list-group">
                            @php
                                $jk = $kandidat->jenis_kelamin;
                                $jkLabel = $jk === 'P' ? 'Perempuan' : ($jk === 'L' ? 'Laki-laki' : '-');
                            @endphp
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Nama Peserta</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->nama }}</span></li>
                            <li class="list-group-item d-flex">
                                <strong style="width: 35%;">Jenis Kelamin</strong>
                                <span class="mx-1">:</span>
                                <span style="width: 65%;">{{ $jkLabel }}</span>
                            </li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Posisi</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->posisi }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Universitas</strong><span
                                    class="mx-1">:</span><span style="width: 65%;">
                                    {{ $kandidat->universitas_id == '0' ? $kandidat->universitas_lain : $kandidat->universitas }}</span>
                            </li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">NIS</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->nis }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Semester</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->semester }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">IPK</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->ipk }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Alamat</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->alamat }}</span> </li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Email</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->email }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Tempat Lahir</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->tempat_lahir }}</span>
                            </li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Tanggal Lahir</strong><span
                                    class="mx-1">:</span><span style="width: 65%;">
                                    {{ date('d M Y', strtotime($kandidat->tanggal_lahir)) }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">No. Telepon</strong><span
                                    class="mx-1">:</span><span style="width: 65%;"> {{ $kandidat->no_telp }}</span></li>
                            <li class="list-group-item d-flex"><strong style="width: 35%;">Jurusan</strong><span
                                    class="mx-1">:</span><span style="width: 65%;">
                                    {{ $kandidat->jurusan_id == '0' ? $kandidat->jurusan_lain : $kandidat->jurusan }}</span>
                            </li>
                        </ul>
                        <div class="mt-3">
                            <a href="{{ asset('storage/' . $kandidat->proposal) }}" class="btn btn-primary"
                                target="_blank">
                                Lihat Proposal
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection
@push('js')
    <script>
        $(document).ready(function() {
            //set disable all input form
            $('#{{ $dmenu }}-form').find('label').addClass('disabled');
            $('#{{ $dmenu }}-form').find('input').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('select').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('textarea').attr('disabled', 'disabled');
            $('#{{ $dmenu }}-form').find('input[key="true"]').parent('.form-group').css('display',
                '');
            $('#{{ $dmenu }}-form').find('select[key="true"]').parent('.form-group').css('display',
                '');
            $('.icon-modal-search').css('display', 'none');
            // function enable input form
            function enable_text() {
                $('#{{ $dmenu }}-form').find('label').removeClass('disabled');
                $('#{{ $dmenu }}-form').find('input').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('select').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('textarea').removeAttr('disabled');
                $('#{{ $dmenu }}-form').find('input[key="true"]').parent('.form-group').css('display',
                    'none');
                $('#{{ $dmenu }}-form').find('select[key="true"]').parent('.form-group').css('display',
                    'none');
                $('.icon-modal-search').css('display', '');
            }
            //event button edit
            $('#{{ $dmenu }}-edit').click(function() {
                enable_text();
                $(this).css('display', 'none');
                $('#{{ $dmenu }}-save').css('display', '');
            });
        });
    </script>
@endpush