@extends('layoutsV2.master')

@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
    <style>
        .is-invalid .select2-selection,
        .needs-validation ~ span > .select2-dropdown {
            border-color: #dc3545 !important;
        }
        .select2-container li:only-child,
        .select2-container input:placeholder-shown {
            width: 100% !important;
        }
        .select2-container--default .select2-selection--multiple {
            padding: 0 1rem;
            border-radius: 2px;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            padding: 0;
        }
        .select2-container .select2-search--inline .select2-search__field {
            margin-top: 0;
            margin-left: 0;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            margin-left: 0;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__rendered {
            margin-top: 3px;
        }
        .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-dropdown .select2-search__field, .select2-container--default .select2-selection--multiple .select2-search__field::placeholder{
            color: #c7c7c7c7;
        }
        .select2-container--default .select2-selection--single .select2-selection__placeholder {
            color: #c7c7c7c7;
        }
    </style>
@endpush

@section('content')
    <div class="row mb-3">
        <div class="col-9">
            <h5 class="mb-0">{{ENV('APP_TITLE')}}</h5>
        </div>
        <div class="col-3">
            <select id="filterPeriode" class="w-100" aria-label="filterPeriode">
                <option></option>
                @foreach($periode as $row)
                    <option value="{!! $row->id !!}">{!! $row->periode_awal . '-' . $row->periode_akhir !!}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header text-uppercase">
                    Road Map Reformasi Birokrasi
                </div>
                <div class="card-body">
                    {{--                    <div id="content">--}}
                    {{--                        <div class="alert alert-warning text-warning mb-0 p-2">--}}
                    {{--                            <i data-feather="alert-triangle"></i> Road Map Reformasi Birokrasi tidak ditemukan--}}
                    {{--                        </div>--}}
                    {{--                    </div>--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.content')

                    {{--Form Reformasi Birokrasi Isu Stategis--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.isu._form')
                    {{--Form Reformasi Birokrasi Tujuan--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.tujuan-strategis._form')
                    {{--Form Reformasi Birokrasi Sasaran--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.sasaran-stategis._form')
                    {{--Form Reformasi Birokrasi Sasaran--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.sasaran._form')
                    {{--Form Reformasi Birokrasi Program--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.kegiatan-utama._form')
                    {{--Form Reformasi Birokrasi Kegiatan--}}
                    @include('pagesV2.adminKab.reformasi-birokrasi.road-map.general.kegiatan._form')
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    {!! Html::script('/assets/plugins/select2/js/select2.min.js') !!}
    {!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
@endpush

@push('custom-scripts')
    {!! Html::script('/assets/js/select2.js') !!}
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/index.js?' . time()) !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/isu.js?' . time()) !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/tujuan_strategis.js?' . time()) !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/sasaran_strategis.js?' . time()) !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/sasaran.js?' . time()) !!}
    {!! Html::script('/js/V2/adminKab/reformasi-birokrasi/roadmap/kegiatan_utama.js?' . time()) !!}
@endpush