@section('sub-title', 'Index')
@section('title', 'Bank Account')
<div class="clearfix row">
    <div class="col-lg-12">
        <div class="card">
            <div class="body">
                <div class="table-responsive">
                    <table class="table m-b-0 c_list">
                        <thead style="background:#eee">
                            <tr>
                                <th>No</th>
                                <th>Bank</th>
                                <th>Nomor Rekening</th>
                                <th>Atas Nama</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($data as $k => $item)
                                <tr>
                                    <td>{{$k+1}}</td>
                                    <td>{{$item->bank}}</td>
                                    <td>{{$item->no_rekening}}</td>
                                    <td>{{$item->owner}}</td>
                                    <td>
                                        <a href="javascript:void(0)" wire:click="delete({{$item->id}})"><i class="fa fa-trash text-danger"></i></a>
                                    </td>
                                </tr>
                            @endforeach
                            @if($insert==false)
                                <tr>
                                    <td colspan="4" class="text-center">
                                        <a href="javascript:void(0)"  wire:loading.remove wire:target="insert" wire:click="$set('insert',true)" class=""> Tambah</a>
                                        <span wire:loading wire:target="insert">
                                            <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                                            <span class="sr-only">{{ __('Loading...') }}</span>
                                        </span>
                                    </td>
                                </tr>
                            @endif
                            @if($insert)
                                <tr>
                                    <td></td>
                                    <td>
                                        <input type="text" class="form-control" wire:model="form.bank" />
                                        @error('form.bank')
                                            <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" wire:model="form.no_rekening" />
                                        @error('form.no_rekening')
                                            <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                                        @enderror
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" wire:model="form.owner" />
                                        @error('form.owner')
                                            <ul class="parsley-errors-list filled" id="parsley-id-29"><li class="parsley-required">{{ $message }}</li></ul>
                                        @enderror
                                    </td>
                                    <td>
                                        <a href="javascript:void(0)" title="Batal" wire:click="$set('insert',false)" class="btn btn-danger"><i class="fa fa-times"></i></a>
                                        <a href="javascript:void(0)" title="Simpan" wire:click="save" class="btn btn-info"><i class="fa fa-save"></i></a>
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <br />
            </div>
        </div>
    </div>
</div>