@extends('layouts.dashboard_template')

@section('content')

    <!-- Content Header (Page header) -->
    <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.laporan-apbdes.index') }}">Laporan APBDes</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('POST', route('data.laporan-apbdes.do_import'))->id('form-import')->class(
                        'form-horizontal
                                                                                                                                            form-label-left',
                    )->acceptsFiles()->open() !!}

                <div class="box-body">

                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <strong>Ups!</strong> Ada beberapa masalah dengan masukan Anda.<br><br>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="control-label col-md-4 col-sm-3 col-xs-12" for="data_file">Data Laporan APBDes
                                    <span class="required">*</span></label>

                                <div class="col-md-8 col-sm-6 col-xs-12">
                                    <input type="file" id="data_file" name="file" class="form-control" required accept=".zip, application/zip" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="well">
                                <p>Instruksi Unggah Data:</p>
                                <p>Silakan unduh template unggah data di sini: <a href="{{ asset('storage/template_upload/laporan_apbdes_22_12_2020_opendk.zip') }}">Unduh</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-footer">
                    @include('partials.button_reset_impor')
                </div>
                {!! html()->form()->close() !!}
            </div>
        </div>
        </div>
    </section>
@endsection
@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]);
                }
            }
        })
    </script>
@endpush