@extends('layoutsV2.master')

@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/select2.min.css') !!}
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/owl-carousel/assets/owl.carousel.min.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    {!! Html::style('/assets/plugins/owl-carousel/assets/owl.theme.default.min.css') !!}
    {!! Html::style('/assets/plugins/animate-css/animate.min.css') !!}
    {!! Html::style('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css') !!}
@endpush

@section('content')
    <div class="row mb-3">
        <div class="col-lg-6">
            <h5 class="mb-3 mb-md-0">{{ENV('APP_TITLE')}}</h5>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="text-center mb-3 mt-4">Laporan Rencana Strategis</h4>
                    <p class="text-muted text-center mb-4 pb-2">
                        Fitur ini berfungsi untuk melakukan pencetakan Laporan Rencana Strategis pada Satuan Kerja
                        Perangkat Daerah terkait.
                    </p>
                    <div class="row">
                        <div class="col-md-4 offset-md-4">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="text-center text-uppercase mt-3 mb-4">Renstra</h5>
                                    <i class="link-icon text-danger icon-xxl d-block mx-auto my-3"
                                       style="font-size : 2.5rem !important;" data-feather="file-text"></i>
                                    <div class="form-group text-center">
                                        <select id="filterPeriode" aria-label="filterPeriode"
                                                class="js-example-basic-single w-100">
                                            @foreach ($periodes as $periode)
                                                <option value="{!! $periode->id !!}">
                                                    {!! $periode->tahun_awal .' - '. $periode->tahun_akhir !!}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group text-center">
                                        <select id="filterOpd" class="js-example-basic-single w-100"
                                                aria-label="filterOpd">
                                            @foreach($organisasi ?? collect()  as $org)
                                                <option value="{{$org->kode_organisasi}}">
                                                    {{ strtoupper($org->nama) }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <button type="button" onclick="print(this)"
                                            class="btn btn-danger d-block mx-auto btn-block">CETAK
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('plugin-scripts')
    {!! Html::script('/assets/plugins/select2/select2.min.js') !!}
    {!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
    {!! Html::script('/assets/plugins/owl-carousel/owl.carousel.min.js') !!}
    {!! Html::script('/assets/plugins/jquery-mousewheel/jquery.mousewheel.js') !!}
@endpush

@push('custom-scripts')
    {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/assets/js/carousel.js') !!}
    {!! Html::script('/js/V2/adminSkpd/pelaporan/renstra/index.js?' . time())!!}

    @if (session()->has('status'))
        <script type="text/javascript">
            const Toast = Swal.mixin({
                toast: true,
                position: 'top-end',
                showConfirmButton: false,
                timer: 1113000,
            })

            Toast.fire({
                icon: "{!! session()->get('status') !!}",
                title: "{!! session()->get('message') !!}",
                timer: 7000,
            })
        </script>
    @endif
@endpush