@extends('layout.main')
@section('title', 'Tambah Pengajuan')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a> - <a href="{{ route('admin.approval') }}" class="text-default">
        <span class="text-semibold">Daftar Pengajuan</span>
    </a>
@endsection

@section('content')
    <div class="col-lg-8">
        <form method="POST" action="{{ route('admin.approval.new.submit') }}" enctype="multipart/form-data" class="form-horizontal">
            @csrf
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h6 class="panel-title">Tambah Pengajuan</h6>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <label class="col-lg-3 control-label" for="unit">Unit <span style="color: red;">*</span></label>
                        <div class="col-lg-9">
                            <select name="unit" id="unit" class="form-control select-search" required>
                                <option value="">-- Pilih Unit --</option>
                                @foreach ($units as $unit)
                                    <option value="{{ $unit->id }}" @if (old('unit') == $unit->id) {{ 'selected' }} @endif>{{ $unit->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label" for="category">Kategori <span style="color: red;">*</span></label>
                        <div class="col-lg-9">
                            <select name="category" id="category" class="form-control select-search" required>
                                <option value="">-- Pilih Kategori Transaksi --</option>
                                @foreach ($categories as $category)
                                    <option value="{{ $category->id }}" @if (old('category') == $category->id) {{ 'selected' }} @endif>
                                        {{ $category->name }} ({{ $category->type_initial }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group has-feedback">
                        <label class="col-lg-3 control-label" for="description">Deskripsi</label>
                        <div class="col-lg-9">
                            <textarea name="description" id="description" class="form-control" style="resize: vertical; min-height: 100px">{{ old('description') }}</textarea>
                            <div class="form-control-feedback"><i class="icon-pencil text-muted"></i></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label" for="amount">Nilai <span style="color: red;">*</span></label>
                        <div class="col-lg-9">
                            <div class="input-group">
                                <span class="input-group-addon">Rp</span>
                                <input type="number" name="amount" id="amount" value="{{ old('amount') }}" placeholder="Nilai Transaksi" class="form-control" required />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label" for="type">Tipe Pembayaran <span style="color: red;">*</span></label>
                        <div class="col-lg-9">
                            <select name="type" id="type" class="form-control select-search" required>
                                <option value="">-- Pilih Tipe Pembayaran --</option>
                                @foreach ($types as $type)
                                    <option value="{{ $type->id }}" @if (old('type') == $type->id) {{ 'selected' }} @endif>{{ $type->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div id="bank-information" style="display: none;">
                        <div class="form-group">
                            <label class="col-lg-3 control-label" for="type">Bank <span style="color: red;">*</span></label>
                            <div class="col-lg-9">
                                <select name="bank" id="bank" class="bank-information form-control select-search">
                                    <option value="">-- Pilih Bank --</option>
                                    @foreach ($banks as $bank)
                                        <option value="{{ $bank->id }}" @if (old('bank') == $bank->id) {{ 'selected' }} @endif>{{ $bank->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label" for="account">No. Rekening <span style="color: red;">*</span></label>
                            <div class="col-lg-9">
                                <input type="text" name="account" id="account" value="{{ old('account') }}" placeholder="Nomor Rekening" class="bank-information form-control" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label" for="owner">Pemilik Rekening <span style="color: red;">*</span></label>
                            <div class="col-lg-9">
                                <input type="text" name="owner" id="owner" value="{{ old('owner') }}" placeholder="Nama Pemilik Rekening" class="bank-information form-control" />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 display-block">Lampiran 1</label>
                        <div class="col-lg-9">
                            <input id="image_1" type="file" name="image_1" class="form-control file-styled" accept="image/*">
                            <span class="help-block">Accepted formats: gif, png, jpg. Max file size 2Mb</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 display-block">Lampiran 2</label>
                        <div class="col-lg-9">
                            <input id="image_2" type="file" name="image_2" class="form-control file-styled" accept="image/*">
                            <span class="help-block">Accepted formats: gif, png, jpg. Max file size 2Mb</span>
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <div class="col-xs-6">
                        <a type="button" class="btn btn-link" href="{{ route('admin.approval') }}"><i class="icon-arrow-left13"></i> Close</a>
                    </div>
                    <div class="col-xs-6 text-right">
                        <button type="submit" class="btn bg-teal-400 btn-labeled btn-labeled-right ml-10"><b><i class="icon-plus3"></i></b> Simpan</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="col-lg-4">
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title">Ketentuan Pengajuan</h6>
            </div>
            <div class="panel-body">{!! $rule->attr_6 !!}</div>
        </div>
        <div class="panel panel-white">
            <div class="panel-heading">
                <h6 class="panel-title">Alur Pengajuan</h6>
            </div>
            <div class="panel-body">{!! $flow->attr_6 !!}</div>
        </div>
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/form_select2.js') }}"></script>
    <script>
        $('#amount').focus();

        $("#type").on("change", function() {
            if (this.value == 2) {
                $(".bank-information").prop('required', true);
                $("#bank-information").show();
            } else {
                $(".bank-information").prop('required', false);
                $("#bank-information").hide();
            }
        });
    </script>
@endsection