@extends('layouts/acc_layout')
@section('title', 'OTS Fund Transfer Config')
@section('content')

@include('accounting.misYearlyPlan.entry.style')

<style>
    .stRowStyle td { background-color: #cfe2f3 }
    .gtRowStyle td { background-color: #9fc5e8 }
    .select2-container{
        min-width: 100% !important;
        height: auto;
    }
    table{
        width: 100%;
        color: black;
    }
    table, th, td{
        border: 1px solid rgb(221, 221, 221) !important;
        border-collapse: collapse;
    }
</style>

<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default" style="">
            <div class="panel-heading" style="padding-bottom:0px;background-color:#708090;">
                <div>
                    <h3 style="margin: .5em 10em; text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">OTS Fund Transfer Config</h3>
                </div>
            </div>

            <div class="panel-body panelBodyView">
                <div class="table-responsive" id="printDiv1">
                    <form action="" method="POST" id="SavingsFundTransConf">
                        <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
                        {{-- <div class="col-md-10 col-md-offset-3"> --}}
                        <div class="col-md-2"></div>
                        <div class="col-md-8">
                            <table id="" class="table table-hover table-sm table-bordered">
                                <thead>
                                    <tr>
                                        <th class="w60"  style="font-size: 10px !important;">SL</th>
                                        <th class="w150" style="font-size: 10px !important;">Branch name</th>
                                        <th class="w240" style="font-size: 10px !important;">bank</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($data['branchList'] as $branch)
                                        <tr style="background-color: #ffffff !important;">
                                            <td>{{$loop->iteration}}</td>
                                            <td style="text-align: left; font-size: small;">{{$branch->name}}</td>
                                            <td>
                                                <select name="branch[{{$branch->id}}]" placeholder="" class="form-control">
                                                    <option selected value="">Select Bank</option>
                                                    @foreach ($data['bankList'] as $bank)
                                                        <option @if (isset($data['configData'][$branch->id]) && $data['configData'][$branch->id]->ledgerId == $bank->id) selected @endif value="{{$bank->id}}">{{$bank->name}}</option>
                                                    @endforeach
                                                </select> 
                                            </td>
                                        </tr> 
                                    @endforeach {{-- end of level 1 --}}
                                </tbody>          
                            </table>
                            <button type="submit" class="btn btn-info pull-right addViewBtn" style="margin: 10px">Save</button>
                        </div>
                        <div class="col-md-2"></div>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>

</div>
<script>

    $('#SavingsFundTransConf').submit(function(event) {
        event.preventDefault();
        $.ajax({
            type: 'post',
            url: "{{ route('savings.fundTrans.conf.store') }}",
            data: $('#SavingsFundTransConf').serialize(),
            dataType: 'json',
            success: function(data) {
                if (data.errors) {
                } else {
                    if(data.responseTitle == "Success!"){
                        toastr.success(data.responseText, data.responseTitle, opts);
                        setTimeout(function(){
                            window.location.href = "{{ route('savings.fundTrans.conf.list') }}";
                        }, 2000);
                    }else{
                        toastr.warning(data.responseText, data.responseTitle, opts);
                    }
                }
            },
            error: function(_response) {
                // Handle error
                alert(_response.errors);
            }
        });
    });
</script>
@endsection