@extends('layoutsV2.master')

@push('plugin-styles')
    {!! Html::style('/assets/plugins/select2/select2.min.css') !!}
    {!! Html::style('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css') !!}
    {!! Html::style('/assets/plugins/select2/css/select2-bootstrap4.css') !!}
    {!! Html::style('/assets/plugins/sweetalert2/sweetalert2.min.css') !!}
    <style>
        .is-invalid .select2-selection,
        .needs-validation ~ span > .select2-dropdown {
            border-color: #dc3545 !important;
        }
    </style>
@endpush

@section('content')
    <div class="row mb-3 justify-content-between">
        <div class="col-lg-4">
            <h5 class="mb-3 mb-md-0">{{ENV('APP_TITLE')}}</h5>
        </div>
        <div class="col-lg-2">
            <select id="filter_periode" class="w-100">
                <option></option>
                <option value="{{ $periode->id }}" selected>{{ $periode->tahun_awal.' - '.$periode->tahun_akhir }}</option>
            </select>
        </div>
        @role('adminKab')
        <div class="col-lg-6">
            <select id="filter_perangkat_daerah" class="w-100">
                <option></option>
                @foreach($listOrg as $org)
                    <option
                        value="{{ $org->kode_organisasi }}" {{ $org->kode_organisasi == request('data-skpd') ? 'selected' : '' }}>
                        {{ $org->kode_organisasi.' - '.$org->nama }}
                    </option>
                @endforeach
            </select>
        </div>
        @endrole
    </div>

    @include('pagesV2.adminSkpd.renstra.content')

    @include('pagesV2.adminSkpd.renstra.form', [
        'tahun_awal' => $periode->tahun_awal,
        'tahun_akhir'=>$periode->tahun_akhir])

@endsection

@push('plugin-scripts')
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.4/axios.min.js') !!}
    {!! Html::script('https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js') !!}
    {!! Html::script('/assets/plugins/select2/select2.min.js') !!}
    {!! Html::script('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js') !!}
    {!! Html::script('/assets/plugins/moment/moment.min.js') !!}
    {!! Html::script('/assets/plugins/sweetalert2/sweetalert2.min.js') !!}
    {!! Html::script('/assets/plugins/promise-polyfill/polyfill.min.js') !!}
@endpush
@push('custom-scripts')
    {{--    {!! Html::script('/assets/js/form-validation.js') !!}--}}
    {!! Html::script('/assets/js/sweet-alert.js') !!}
    <script>
        $('#filter_periode').select2({
            placeholder: 'Pilih Periode',
        });
        $('#filter_perangkat_daerah').select2({
            placeholder: 'Pilih Perangkat Daerah',
        })
            .on('change', function(e) {

                window.location.href = window.location.origin + window.location.pathname + '?data-skpd=' +
                    $('#filter_perangkat_daerah').val() + '&periode=' + $('#filter_periode').val();
            });
    </script>
    <script src="{{ mix('/js/V2/adminSkpd/renstra/app.js') }}"></script>
@endpush