@php
    $siteBreadcumb = [
        ["url"=>"/tx-skpp","label"=>$siteTitle],
        ["url"=>"/salur-dana/create","label"=>$sitesubTitle]
    ];   
@endphp

@extends('layouts.app')

@section('content')
    <div class="x_title mb-4">
        <h2><i class="fa fa-search"></i> Kriteria Pencarian Laporan</h2>
        <!-- <ul class="nav navbar-right panel_toolbox">
            <li>
                <button class="btn btn-sm btn-success" onclick="location.href='{{ route('salur-dana.create') }}'"><i class="fa fa-edit"></i>  Tambah Data</button>
            </li>               
        </ul> -->
        <div class="clearfix"></div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <form id="frmLaporan" action="{{ url('/laporan/laporan-skpp') }}" method="POST" target="_blank" autocomplete="off">
                @csrf
                <div class="form-group row">
                    <label class="col-form-label col-2 label-align" for="periode">Periode</label>
                    <div class="col-3">
                        <input type="text" class="form-control form-control-sm" name="periode" id="srcDate" required>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label label-align">Tipe Laporan</label>
                    <div class="col-3">
                        <select id="report_type" name="report_type" class="form-control form-control-sm">
                            <option>Hari</option>
                            <option>Bulan</option>
                            <option>Tahun</option>
                        </select>
                    </div>
                </div>
                <input type="submit" class="btn btn-sm btn-success mt-4" value="Proses">
        </div>
    </div>
@stop
@section('scripts')
    <script type="text/javascript">
        $(document).ready(function(){
            $("#srcDate").daterangepicker({
                autoUpdateInput: false,
                showDropdowns: true,
                minYear: 1990,
                locale: {
                    format: 'DD/MM/YYYY',
                    cancelLabel: 'Clear'
                },
                drops: "down",
            }, function(start, end, label) {
                srcDate1 = start.format("DD/MM/YYYY");
                srcDate2 = end.format("DD/MM/YYYY");
                $("#srcDate").val(srcDate1 + " - " + srcDate2);
            });
        });
    </script>
@endsection