@extends('layouts.master')
@section('title', 'User')
@push('css')

@endpush

@section('content')
    <form method="POST" action="{{ route('user.customerPayment.update',$customerPayment->id) }}" enctype="multipart/form-data">
        @csrf
        <div class="row">
            <div class="col-xl-12">
                <div class="form-horizontal">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="txtFirstName"> Transaction ID </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="text" name="transaction_id" id="txtFirstName" placeholder="ID" value="{{$customerPayment->transaction_id}}"
                                       class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="Brunch"> Transaction Type </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-7">
                                <select data-placeholder="Choose a Country..." name="transaction_type" class="chosen-select" id="demo-chosen-select" tabindex="2">
                                    <option value="receive" {{$customerPayment->transaction_type == 'receive' ? 'selected' : ''}}>Receive</option>
                                    <option value="payment"  {{$customerPayment->transaction_type == 'payment' ? 'selected' : ''}}>Payment</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="Brunch"> Payment Type  </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-7">
                                <select data-placeholder="Choose a Country..." name="payment_type" class="chosen-select" id="payment_type_drpdwn" tabindex="2">
                                    <option value="cash" {{$customerPayment->payment_type == 'cash' ? 'selected' : ''}}>Cash </option>
                                    <option value="bank" {{$customerPayment->payment_type == 'bank' ? 'selected' : ''}}>Bank</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" id="payment_type_bank_form">
                            <label class="col-sm-4 control-label" for="Brunch"> Account </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-7">
                                <select data-placeholder="Choose a Country..." name="account_name" class="chosen-select" id="demo-chosen-select" tabindex="2" >
                                    <option value="bKash-01712345678-Mobile Banking"
                                        {{ $customerPayment->account_name == 'bKash' && $bankTransaction->account_number == '01712345678' && $customerPayment->bank_name == 'Mobile Banking'? 'selected' : '' }}
                                    >bKash - 01712345678 - Mobile Banking</option>
                                    <option value="nagad-01712345678-Mobile Banking"
                                        {{ $customerPayment->account_name == 'nagad' && $customerPayment->account_number == '01712345678' && $customerPayment->bank_name == 'Mobile Banking'? 'selected' : '' }}
                                    >nagad - 01712345678 - Mobile Banking</option>
                                    <option value="Credit Card CBL-1502797667001-The City Bank"
                                        {{ $customerPayment->account_name == 'Credit Card CBL' && $customerPayment->account_number == '1502797667001' && $customerPayment->bank_name == 'The City Bank'? 'selected' : '' }}
                                    >Credit Card CBL - 1502797667001 - The City Bank</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="Brunch"> Customer </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-7">
                                <select data-placeholder="Choose a Country..."  name="customer_id" class="chosen-select" id="demo-chosen-select" tabindex="2">
                                    @foreach($customers as $customer)
                                        <option value="{{$customer->id}}"
                                            {{$customerPayment->customer_id  == $customer->id ? 'selected' : ''}}>{{$customer->customer_name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="username"> Due </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="number" id="username" name="due" placeholder="Present Address" class="form-control" value="{{$customerPayment->due}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="username"> Payment Date </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="Date" id="username" name="date" placeholder="Permanent Address" class="form-control"  value="{{$customerPayment->date}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="username"> description </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <textarea name="description" class="form-control">{{$customerPayment->description}}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" for="username"> Amount </label>
                            <label class="col-sm-1 control-label">:</label>
                            <div class="col-sm-6">
                                <input type="number" id="username" name="amount" placeholder="Amount" class="form-control" value="{{$customerPayment->amount}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-4 control-label" for=""> </label>
                            <label class="col-sm-1 control-label"></label>
                            <div class="col-sm-6">
                                <button type="button" onclick="submit()" name="btnSubmit" title="Save"
                                        class="btn btn-sm btn-success pull-left">
                                    Save
                                    <i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="">
        <h3 class="panel-title">Bank Transaction</h3>
    </div>
    <div class="col-xl-12">

        <div class="panel">

            <div class="panel-body">
                <table id="demo-dt-basic" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>Transaction Id </th>
                        <th>Date  </th>
                        <th class="min-tablet">Customer </th>
                        <th class="min-tablet">Transaction Type </th>
                        <th class="min-tablet">Payment by   </th>
                        <th class="min-tablet">Amount  </th>
                        <th class="min-tablet">Description   </th>

                        <th class="min-tablet">Saved By </th>
                        <th class="min-tablet">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($customerPayments as $customerPayment)
                        <tr>
                            <td>{{ $customerPayment->transaction_id }}</td>
                            <td>{{ $customerPayment->date }}</td>
                            <td>{{ $customerPayment->customer_id  }}</td>
                            <td>{{ $customerPayment->transaction_type }}</td>
                            <td></td>
                            <td>{{ $customerPayment->amount }}</td>
                            <td>{{ $customerPayment->description }}</td>

                            <td>{{ $customerPayment->userName->name }}</td>
                            <td>
                                <a style="font-size: 7px" href="{{route('user.customerPayment.edit', $customerPayment->id )}}" class="btn btn-mint btn-icon" ><i class="demo-psi-pen-5 icon-lg"></i></a>
                                <a style="font-size: 7px" onclick="return confirm('Are you sure?')" href="{{route('user.customerPayment.delete', $customerPayment->id )}}" class="btn btn-success btn-icon" ><i class="demo-psi-recycling icon-lg"></i></a>


                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        var endd = $('#payment_type_drpdwn :selected').text();
        if(endd=='Bank'){
            $("#payment_type_bank_form").css('display','block');
        }else{
            $("#payment_type_bank_form").css('display','none');
        }
    </script>
    <script>
        $(document).ready(function() {
            var table = $('#example').DataTable( {
                lengthChange: false,
                buttons: [ 'copy', 'excel', 'pdf', 'colvis' ]
            } );

            table.buttons().container()
                .appendTo( '#example_wrapper .col-md-6:eq(0)' );
        } );
    </script>
    <script>
        $("#payment_type_drpdwn").change(function () {
            var end = this.value;
            if(end=='bank'){
                $("#payment_type_bank_form").css('display','block');
            }else{
                $("#payment_type_bank_form").css('display','none');
            }

        });
    </script>
@endpush