@extends('layouts.panel.app', ['title' => 'Tambah Rekomendasi PPDS'])

@section('content')
<link rel="stylesheet" id="bootstrap-css" href="{{ asset('assets-panel/css/wizard.css') }}">
@livewireStyles
<section class="section">
    <div class="section-title">
        <h3> Rekomendasi PPDS</h3>
    </div>
    <p class="section-lead">
        Silahkan tambah, ubah atau hapus data rekomendasi PPDS di sini.
    </p>
    <div class="row">
        <div class="col-md-12">
            <div class="card border-0 shadow rounded">
                <div class="card-header">
                    <h4>Tambah Rekomendasi PPDS</h4>
                    <marquee behavior="scroll" direction="left">Harap siapkan dokumen pendukung :
                        1. <b>STR</b> <span class="text-danger">.pdf</span>
                        > 2. <b>KTP / Surat Domisili</b> <span class="text-danger">.pdf</span>
                        > 3. <b>Pas Foto</b> <span class="text-danger">.png .jpg .jpeg</span>
                    </marquee>
                    <div class="card-header-action">
                        <a href="{{ route('non-anggota.recommendation') }}" class="btn btn-success">Kembali</a>
                    </div>
                </div>
                <div class="card-body">
                    @if($profil == 0)
                    <div class="alert alert-warning text-dark text-center">
                        <i class="fa fa-exclamation-triangle"></i> Lengkapi data diri anda terlebih dahulu
                    </div>
                    <div class="md-12 text-center">
                        <img id="imgPreview" src="{{asset('assets-panel/img/empty-data.gif')}}" alt="Gambar" style="width: 272px; height: 272px" />
                        <br>
                        <a href="{{ route('non-anggota.profil') }}" class="btn btn-dark btn-action" data-toggle="tooltip" title="Lihat"> Menu Profil</a>
                    </div>
                    <br>
                    @else
                    <livewire:form-recomendation-p-p-d-s :id="$data->id" />
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@livewireScripts
@endsection