@extends('layouts.admin')
@section('title', 'Import eKasih')
@section('ekasih', 'active')
@section('ekasih_upload', 'active')


@section('content')
<style>
.form-group {
    margin-bottom: 30px;
}
</style>
    <section class="content-header">
        <h1>Import eKasih</h1>
    </section>

    <section class="content">
        <form action="{{url('superadmin/ekasih/import')}}" method="POST" enctype="multipart/form-data">
            <div class="row">
                <div class="col-md-6">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">Upload CSV</h3><br>
                            <br>
                            <p>
                            <span>
                                <label for="template">Sila gunakan templat seperti tersedia: <a href="{{ url('public/csv/template_ekasih') }}"> &nbsp; Klik untuk muat turun templat. &nbsp; <i class="fa fa-download" aria-hidden="true"></i></a> </label>
                                
                            </span>
                            </p>
                        </div>
                        <div class="box-body">
                            @csrf
                            <div class="form-group{{ $errors->has('csv_file') ? ' has-error' : '' }}">
                                <label for="csv_file" class="col-md-4 control-label">CSV file to import</label>

                                <div class="col-md-6">
                                    <input id="csv_file" type="file" class="form-control" name="csv_file" required>

                                    @if ($errors->has('csv_file'))
                                        <span class="help-block">
                                        <strong>{{ $errors->first('csv_file') }}</strong>
                                    </span>
                                    @endif
                                </div>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="ipr" class="col-md-4 control-label">IPR:</label>

                                <div class="col-md-6">
                                    <select class="form-control" name="ipr" required>
                                    <option value="1">IPR 1</option>
                                    <option value="2">IPR 2</option>
                                    <option value="3">IPR 3</option>
                                    </select>
                                </div>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="status" class="col-md-4 control-label">Status:</label>

                                <div class="col-md-6">
                                    <select class="form-control" name="status" required>
                                        <option value="penerima">Penerima</option>
                                        <option value="rayuan">Rayuan</option>
                                        <option value="rayuan_tambahan">Rayuan Tambahan</option>
                                    </select>
                                </div>
                            </div>
                            <br>
                            <div class="form-group">
                                <label for="year" class="col-md-4 control-label">Data bagi tahun:</label>

                                <div class="col-md-6">
                                                                        <select class="form-control" name="year" required>
                                        <option class="form-control">Pilihan tahun..</option>
                                                                                    <option value="2008">2008</option>
                                                                                    <option value="2009">2009</option>
                                                                                    <option value="2010">2010</option>
                                                                                    <option value="2011">2011</option>
                                                                                    <option value="2012">2012</option>
                                                                                    <option value="2013">2013</option>
                                                                                    <option value="2014">2014</option>
                                                                                    <option value="2015">2015</option>
                                                                                    <option value="2016">2016</option>
                                                                                    <option value="2017">2017</option>
                                                                                    <option value="2018">2018</option>
                                                                                    <option value="2019">2019</option>
                                                                                    <option value="2020">2020</option>
                                                                                    <option value="2021">2021</option>
                                                                                    <option value="2022">2022</option>
                                                                                    <option value="2023">2023</option>
                                                                                    <option value="2024">2024</option>
                                                                                    <option value="2025">2025</option>
                                                                            </select>
                                </div>
                            </div>
                            <br>
                            <!-- <div class="form-group">
                                <div class="col-md-6 col-md-offset-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="header" checked> File contains header row?
                                        </label>
                                    </div>
                                </div>
                            </div> -->

                            <div class="form-group">
                                <div class="col-md-8 col-md-offset-4">
                                    <button id="load_csv" type="submit" class="btn btn-primary">
                                        Import
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </section>

<script>
document.getElementById("load_csv").onclick = function(){
    if($('input[name ="csv_file"]').val()) {
        // this.disabled = true;
        document.getElementById("load_csv").innerHTML = "<i class='fa fa-spinner fa-spin'></i>";
    }
}
</script>
@endsection