@extends('layouts.main', ['title' => 'Import Data Tabungan'])

@section('content')
    <section class="section main-section">
        <div class="card mb-6">
            <header class="card-header">
                <p class="card-header-title">
                    <span class="icon"><i class="mdi mdi-ballot"></i></span>
                    Import Data Tabungan
                </p>
            </header>
            <div class="card-content">
                @session('errorMessage')
                    <div class="notification is-danger">
                        <button class="delete"></button>
                        <ul>
                            @foreach (session('errorMessage') as $message)
                                <li class="text-orange-500">{{ $message }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endsession
                <form method="POST" action="{{ route('tabungan.import') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="field">
                        <a href="{{url('_format/format_import_tabungan_1.xlsx')}}" class="text-red-500 underline">**Klik Untuk Download Format Excel**</a>
                        <label class="label">File Excel</label>
                        <div class="field-body">
                            <div class="control">
                                <input class="input" name="file" type="file"
                                    accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
                                @error('file')
                                    <p class="help is-danger text-red-500">{{ $message }}</p>
                                @enderror

                            </div>
                        </div>
                    </div>
                    <div class="w-full">
                        <hr>
                        <div class="field grouped">
                            <div class="control">
                                <button type="submit" class="button green">
                                    Submit
                                </button>
                            </div>
                            <div class="control">
                                <button type="reset" class="button red">
                                    Reset
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>


    </section>
@endsection