@extends('admin.layouts.index')

@section('title')
<h1>
    Impor Data Kependudukan
</h1>
@endsection

@section('breadcrumb')
<li class="active">Impor Data Kependudukan</li>
@endsection

@section('content')

@include('admin.layouts.components.notifikasi')

<div class="box box-info">
    <div class="box-header with-border">
        <a href="{{ route('penduduk') }}" class="btn btn-social btn-info btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block" title="Kembali Ke Data Penduduk"><i class="fa fa-arrow-circle-o-left"></i> Kembali Ke Data Penduduk</a>
    </div>
    <div class="box-body">
        {!! form_open($form_action, 'class="form-horizontal" id="impor" enctype="multipart/form-data"') !!}
            <p><b>Penting: Impor BIP hanya bisa dilakukan ketika data penduduk belum ada</b></p>
            <p>Proses ini untuk mengimpor data Buku Induk Penduduk (BIP) yang diperoleh dari Disdukcapil dalam format Excel.</p>
            <p>BIP yang dapat dibaca proses ini adalah yang tersusun berdasarkan keluarga, seperti contoh yang dapat dilihat pada tautan berikut :</P>
            <a class="btn btn-social btn-info btn-sm btn-margin visible-xs-block visible-sm-block visible-md-inline-block visible-lg-inline-block" href="{{ asset('import/format_bip_2012.xls') }}" ><i class="fa fa-download"></i>Contoh BIP 2012</a>
            <a class="btn btn-social btn-info btn-sm btn-margin visible-xs-block visible-sm-block visible-md-inline-block visible-lg-inline-block" href="{{ asset('import/format_bip_2016.xls') }}" ><i class="fa fa-download"></i>Contoh BIP 2016</a>
            <a class="btn btn-social btn-info btn-sm btn-margin visible-xs-block visible-sm-block visible-md-inline-block visible-lg-inline-block" href="{{ asset('import/format_bip_ektp.xls') }}"><i class="fa fa-download"></i>Contoh BIP eKTP</a>
            <a class="btn btn-social btn-info btn-sm btn-margin visible-xs-block visible-sm-block visible-md-inline-block visible-lg-inline-block" href="{{ asset('import/format_bip_2016_luwutimur.xls') }}"><i class="fa fa-download"></i>Contoh BIP 2016 Luwu Timur</a>
            <a class="btn btn-social btn-info btn-sm btn-margin visible-xs-block visible-sm-block visible-md-inline-block visible-lg-inline-block" href="{{ asset('import/format_siak.xls') }}"><i class="fa fa-download"></i>Contoh Data SIAK</a>
            <p></p>
            <p>Proses ini mengimpor data keluarga di semua worksheet di berkas BIP. Misalnya, apabila data BIP tersusun menjadi satu worksheet per dusun, proses ini akan mengimpor data semua dusun.</p>
            <p class="text-muted text-red well well-sm no-shadow" style="margin-top: 10px;">
                <small>
                    <strong>
                        <i class="fa fa-info-circle text-red"></i> Pastikan berkas BIP format Excel 2003, ber-ekstensi .xls <br>
                        <i class="fa fa-info-circle text-red"></i> Sebelum di-impor ganti semua format tanggal (seperti tanggal lahir) menjadi dd/mm/yyyy (misalnya 26/07/1964).
                    </strong>
                </small>
            </p>
            <p>
                <p>Batas maksimal pengunggahan berkas <strong>{{ max_upload() }} MB.</strong></p>
                <p>Proses ini akan membutuhkan waktu beberapa menit, menyesuaikan dengan spesifikasi komputer server SID, banyaknya data dan sambungan internet yang tersedia.</p>
            </p>
            <table class="table table-bordered" >
                <tbody>
                    <tr>
                        <td style="padding-top:20px;padding-bottom:10px;">
                            <div class="form-group">
                                <label for="file" class="col-md-2 col-lg-3 control-label">Pilih File .xls:</label>
                                <div class="col-sm-12 col-md-5 col-lg-5">
                                    <div class="input-group input-group-sm">
                                        <input type="text" class="form-control" id="file_path" name="userfile">
                                        <input type="file" class="hidden" id="file" name="userfile">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-info" id="file_browser"><i class="fa fa-search"></i> Browse</button>
                                        </span>
                                    </div>
                                    @if ($boleh_hapus_penduduk)
                                        <p class="help-block"><input type="checkbox" name="hapus_data" value="hapus"></input>	Hapus data penduduk sebelum Impor</p>
                                    @endif
                                </div>
                                <div class="col-sm-12 col-md-5 col-lg-4">
                                    <a href="#" class="btn btn-block btn-success btn-sm" title="Impor Database" onclick="document.getElementById('impor').submit();" data-toggle="modal" data-target="#loading"> <i class="fa fa-spin fa-refresh"></i> Impor Data Penduduk</a>
                                </div>
                            </div>
                        </td>
                    </tr>
                        @if ($pesan_impor = session('pesan_impor'))
                        <tr>
                            <td>
                                <dl class="dl-horizontal">
                                    <dt>Jumlah Data Gagal : </dt>
                                    <dd>{{ $pesan_impor['gagal'] }}</dd>
                                </dl>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dl class="dl-horizontal">
                                    <dt>Letak Baris Data Gagal : </dt>
                                    <dd>{!! $pesan_impor['baris'] !!}</dd>
                                </dl>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dl class="dl-horizontal">
                                    <dt>Total Keluarga Terimpor :</dt>
                                    <dd>{{ $pesan_impor['total_keluarga'] }}</dd>
                                </dl>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <dl class="dl-horizontal">
                                    <dt>Total Penduduk Terimpor :</dt>
                                    <dd>{{ $pesan_impor['total_penduduk'] }}</dd>
                                </dl>
                            </td>
                        </tr>
                        @endif
                </tbody>
            </table>
        </form>
    </div>

    @include('admin.penduduk.proses')

</div>

@endsection

@push('scripts')
<script>
    $('document').ready(function() {
        $('#file_browser').click(function(e) {
            e.preventDefault();
            $('#file').click();
        });

        $('#file').change(function() {
            $('#file_path').val($(this).val());
        });

        $('#file_path').click(function() {
            $('#file_browser').click();
        });
    });
</script>
@endpush