@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card mb-3 mt-3" style="height: 100vh">
                    <div class="card-header pb-0">
                        <h6 class="text-primary">User Manual MSJ Beasiswa</h6>
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">

                        @if ($user)
                            @php
                                $manualFile = 'default.pdf';

                                if ($user->idroles === 'hrdcek') {
                                    $manualFile = 'HRD Checker - User Manual MSJ Beasiswa.pdf';
                                } elseif ($user->idroles === 'headhr') {
                                    $manualFile = 'Head of HRD - User Manual MSJ Beasiswa.pdf';
                                } elseif ($user->idroles === 'sp') {
                                    $manualFile = 'Ketua Serikat Pekerja - User Manual MSJ Beasiswa.pdf';
                                } elseif ($user->idroles === 'fnce') {
                                    $manualFile = 'Finance - User Manual MSJ Beasiswa.pdf';
                                } elseif ($user->idroles === 'admins') {
                                    $manualFile = 'Admins - User Manual MSJ Beasiswa.pdf';
                                }

                                $manualPath = 'storage/user_manual/' . $manualFile;
                            @endphp

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe class="embed-responsive-item"
                                    src="{{ asset($manualPath) }}#toolbar=1&navpanes=1&scrollbar=1&view=FitH" width="100%"
                                    height="600px" frameborder="0" allowfullscreen>
                                </iframe>
                            </div>
                        @else
                            <div class="alert alert-danger">
                                User tidak ditemukan
                            </div>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection