@extends('layouts.dashboard_template')

@section('content')
    <section class="content-header block-breadcrumb">
        <h1>
            {{ $page_title ?? 'Page Title' }}
            <small>{{ $page_description ?? '' }}</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="{{ route('data.anggaran-realisasi.index') }}">Tema</a></li>
            <li class="active">{{ $page_description ?? '' }}</li>
        </ol>
    </section>
    <section class="content container-fluid">

        @include('partials.flash_message')
        <div class="row">
            <div class="col-md-12">

                {!! html()->form()->route('setting.themes.do-upload')->method('POST')->id('form-import')->class(
                        'form-horizontal
                                                                                                                                            form-label-left',
                    )->acceptsFiles() !!}

                <div class="box-body">
                    <div class="row">
                        <div class="col-md-7">

                            <div class="form-group">
                                <label class="control-label col-md-5 col-sm-3 col-xs-12" for="data_file">Data Anggaran &
                                    Realisasi</label>

                                <div class="col-md-7">
                                    <input type="file" id="data_file" name="file" class="form-control" required accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="well">
                                <p>Instruksi Upload Data:</p>
                                <p>Silakan download template upload data di sini: <a href="{{ asset('storage/template_upload/Format_Upload_Anggaran_Realisasi.xlsx') }}">Download</a>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="box-footer">
                    @include('partials.button_reset_impor')
                </div>
                {!! html()->form()->close() !!}
            </div>
        </div>
        </div>
    </section>
@endsection
@include('partials.asset_select2')
@include('partials.asset_datetimepicker')
@push('scripts')
    <script>
        $(function() {

            function readURL(input) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();

                    reader.onload = function(e) {
                        $('#showgambar').attr('src', e.target.result);
                    }

                    reader.readAsDataURL(input.files[0]);
                }
            }

            $("#foto").change(function() {
                readURL(this);
            });

            //Datetimepicker
            $('.datepicker').each(function() {
                var $this = $(this);
                $this.datetimepicker({
                    format: 'YYYY-MM-D'
                });
            });

        })
    </script>
@endpush