@php use App\Models\warehouse; @endphp
@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Staff Bank Info')
@section('content')
    <style>


        .select2-selection__rendered {
            line-height: 31px !important;

        }

        .select2-container .select2-selection--single {
            height: 35px !important;

        }

        .select2-selection__arrow {
            height: 34px !important;

        }


    </style>




    <div class="card mt-3 mb-3">
        <div class="card-header">

            <div class="row align-items-center">
                <div class="col-md-6">
                    <h5 class="mb-0 h6">{{__('All Staffs Bank Info')}}</h5>
                </div>
                <div class="col-md-6 text-md-right">
                    <a href="{{ route('employee.bank.info.export') }}" class="btn btn-circle btn-primary">
                        <span>{{__('Export')}}</span>
                    </a>
                    <a href="javascript:void(0)" onclick="add_bank_info();" class="btn btn-circle btn-primary">
                        <span>{{__('Add New Bank Info')}}</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">

            <form action="" method="get">

                <div class="row">
                    <div class="col">
                        <table class="float-right mb-3">
                            <tr>
                                <td class="">
                                    <select name="staff_id" id="" class="select2 form-control mb-3 custom-select"
                                            style="width: 100%; height:40px;">
                                        <option value="">Please Select Staff</option>
                                        @foreach(\App\Models\Staff::with('user')->get() as $staff)
                                            <option value="{{$staff->id}}">{{$staff->user?->name ?? 'Unknown'}}</option>
                                        @endforeach
                                    </select></td>
                                <td class="">
                                    <button type="submit" class="btn btn-primary btn-sm"><i
                                            class="fas fa-filter"></i>&nbsp;{{__('Filter')}}
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </form>
            <table class="table aiz-table mb-0">
                <thead>
                <tr>
                    <th data-breakpoints="lg" width="2%">#</th>
                    <th>Employee ID</th>
                    <th>{{__('Name')}}</th>
                    <th data-breakpoints="lg">{{__('Bank Name')}}</th>
                    <th data-breakpoints="lg">{{__('Branch Name')}}</th>
                    <th data-breakpoints="lg">{{__('Routing No')}}</th>
                    <th data-breakpoints="lg">{{__('Account title')}}</th>
                    <th data-breakpoints="lg">{{__('Account No')}}</th>
                    <th class="text-center">{{__('Options')}}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($bank_infos as $key => $staff)

                    <tr>
                        <td>{{ ($key+1) + ($bank_infos->currentPage() - 1)*$bank_infos->perPage() }}</td>
                        <td>
                            <a href="{{route('staffs.show',$staff->staff_id)}}">
                                {{$staff->staff?->user?->id ?? 'N/A'}}
                            </a>
                        </td>
                        <td>{{$staff->staff?->user?->name ?? 'Unknown'}}</td>
                        <td>{{$staff->bank}}</td>
                        <td>{{$staff->branch}}</td>
                        <td>{{$staff->routing}}</td>
                        <td>{{$staff->title}}</td>
                        <td>{{$staff->account}}</td>
                        <td class="text-center">
                            <a class="btn btn-primary btn-icon btn-circle btn-sm"
                               href="javascript:void(0)" title="{{ __('Edit') }}"
                               onclick="staff_bank_info_show({{$staff->id}},{{$staff->staff_id}},'{{$staff->bank}}','{{$staff->branch}}',{{$staff->routing}},'{{$staff->title}}',{{$staff->account}})">
                                <i class="fas fa-edit"></i>
                            </a>
                            <a href="javascript:void(0)" class="btn btn-danger btn-icon btn-circle btn-sm delete_modal"
                               data-href="{{route('staffs.destroy', $staff->id)}}" title="{{ __('Delete') }}">
                                <i class="fas fa-trash"></i>
                            </a>

                        </td>
                    </tr>

                @endforeach
                </tbody>
            </table>
            <div class="aiz-pagination">
                {{ $bank_infos->appends(request()->input())->links() }}
            </div>
        </div>
    </div>

@endsection

@section('modal')
    <div class="modal fade" id="add_bank_info">
        <form action="{{route('Bank.Info.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Staff Bank Info')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">Staff Info</label></td>
                                <td>
                                    <select name="staff_id" class="form-control select2" id="">
                                        <option value="">Please Select Staff</option>
                                        @foreach(\App\Models\Staff::with('user')->get() as $staff)
                                            <option value="{{$staff->id}}">{{$staff->user?->name ?? 'Unknown'}}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">Bank Name</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="bank" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Branch Name</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="branch">
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">Routing No</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="routing">
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">Account Title</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="title" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Account No</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="account" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="staff_bank_info_update">
        <form action="{{route('Bank.Info.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Employee Bank Info Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">Staff Info</label></td>
                                <td>
                                    <select name="staff_id" class="form-control" id="staff_id"
                                            onmouseover="staff_diaable()" onmouseout="staff_enable()">
                                        <option value="">Please Select Staff</option>
                                        @foreach(\App\Models\Staff::with('user')->get() as $staff)
                                            <option value="{{$staff->id}}">{{$staff->user?->name ?? 'Unknown'}}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <input type="hidden" name="id" id="id" value="">
                            <tr>
                                <td><label for="">Bank Name</label></td>
                                <td><input class="form-control" type="text" id="bank" value="" name="bank" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Branch Name</label></td>
                                <td><input class="form-control" type="text" id="branch" value="" name="branch">
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">Routing No</label></td>
                                <td><input class="form-control" type="text" id="routing" value="" name="routing">
                                </td>
                            </tr>
                            <tr>
                                <td><label for="">Account Title</label></td>
                                <td><input class="form-control" type="text" id="title" value="" name="title" required>
                                </td>
                            </tr>

                            <tr>
                                <td><label for="">Account No</label></td>
                                <td><input class="form-control" type="text" id="account" value="" name="account"
                                           required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection
@section('script')
    <script !src="">
        function staff_enable() {
            $('#staff_id').removeAttr('disabled', 'disabled');
        }

        function staff_diaable() {
            $('#staff_id').attr('disabled', 'disabled');
        }


        function staff_bank_info_show(id, staff_id, bank, branch, routing, title, account) {
            $('#id').val(id);
            $('#staff_id').val(staff_id);
            $('#bank').val(bank);
            $('#branch').val(branch);
            $('#routing').val(routing);
            $('#title').val(title);
            $('#account').val(account);
            $('#staff_bank_info_update').modal('show');
        }

        function add_bank_info() {
            $('#add_bank_info').modal('show');
        }
    </script>
@endsection