@extends('layouts/page')
@section('page-styles')
@endsection
@section('content')
    <div class="content-wrapper">
        <div class="container-xxl flex-grow-1 container-p-y bg-grey">

            <div class="card">

                <div class="px-3 pt-3 border-bottom d-flex justify-content-between align-items-center">

                    <div class="col-md-6">
                        <div class="card-title" style="text-align: start;">
                            <h4 class="fw-bold">{{ $title }}</h4>
                        </div>
                    </div>
                </div>


                <div class="card-header border-bottom">
                    <div class="d-flex justify-content-between align-items-center row pb-2 gap-3 gap-md-0 mb-2">
                        <div style="text-align: start;">
                            <h5 class="fw-bold">Video</h4>
                        </div>
                        @if (!empty($panduan))
                            @foreach ($panduan as $pn)
                                @if ($pn->CategoryId == 837)
                                    <div class="col-md-6">
                                        <video class="d-block w-100" height="500" controls>
                                            <source
                                                src="{{ Config::get('app.url_api') . '/assets/' . $pn->Lampiran }}"
                                                type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                    </div>
                                @endif
                            @endforeach
                        @endif
                    </div>

                    <div class="d-flex justify-content-between align-items-center row pb-2 gap-3 gap-md-0">
                        <div style="text-align: start;">
                            <h5 class="fw-bold">Dokumen</h4>
                        </div>
                        @if (!empty($panduan))
                            @foreach ($panduan as $pn)
                                @if ($pn->CategoryId == 836)
                                <div class="col-md-6">
                                    <iframe src="{{ Config::get('app.url_api') . '/assets/' . $pn->UploadDokumen }}"
                                            class="d-block w-100" height="500" style="border: none;"></iframe>
                                </div>                                
                                @endif
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('page-scripts')
@endsection