@extends('layouts.admin')

@section('content')
    @push('css')

    @endpush

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-6">
                                <h5>Create Withdraw Request</h5>
                            </div>
                            <div class="col-md-6 text-right">
                                <a href="{{ route('withdraw_report',$type='pending') }}" class="btn btn-secondary btn-sm">Withdraw Request List</a>
                            </div>
                        </div>

                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('withdraw_request_update', $withdraw_request->id) }}" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col text-center">
                                    <b>User Name: <mark>{{$user->name}}</mark>,</b>
                                    <b>ID: <mark>{{$user->user_id}}</mark></b>
                                    <b>Phone: <mark>{{$user->phone_number}}</mark></b>
                                    <b>Email: <mark>{{$user->email}}</mark></b>
                                    <b>Total Available Balance: <mark>{{ number_format(total_available_balance($user->id)) }}</mark></b>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="form-group ">
                                        <label for="amount" class="col-form-label pt-0">Amount<span class="text-danger">*</span></label>
                                        <input class="form-control{{ $errors->has('amount') ? ' is-invalid' : '' }}" type="text" name="amount" id="amount" placeholder="Amount" value="{{ $withdraw_request->withdraw_amount }}">
                                        @if ($errors->has('amount'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('amount') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="withdraw_date">Withdraw Date</label>
                                        <input type="text" name="withdraw_date" autocomplete="off" id="withdraw_date" value="{{ $withdraw_request->date }}" class="form-control">
                                        @if ($errors->has('withdraw_date'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('withdraw_date') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="issue_date">Issue Date</label>
                                        <input type="text" name="issue_date" autocomplete="off" id="issue_date" value="{{ $withdraw_request->issue_date }}" class="form-control">
                                        @if ($errors->has('issue_date'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('issue_date') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group ">
                                        <label for="cheque_bank_id" class="col-form-label pt-0">Select Bank<span class="text-danger">*</span></label>
                                        <select name="cheque_bank_id" id="cheque_bank_id" class=" form-control">
                                            <option value="">Select Option</option>
                                            @foreach($bank_cash_accounts as $account)
                                                <option {{ $withdraw_request->cheque_bank_id == $account->id ? 'selected' : '' }} value="{{ $account->id }}">{{ $account->account_name }}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('cheque_bank_id'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('cheque_bank_id') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group ">
                                        <label for="amount" class="col-form-label pt-0">Select Type<span class="text-danger">*</span></label>
                                        <select name="type" id="type" class="select2 form-control">
                                            <option value="">Select Option</option>
                                            <option {{ $withdraw_request->type == 'By_Bank_Account_Cheque' ? 'selected' : '' }} value="By_Bank_Account_Cheque">By Bank Account Cheque</option>
                                            <option {{ $withdraw_request->type == 'By_Cash_Cheque' ? 'selected' : '' }} value="By_Cash_Cheque">By Cash Cheque</option>
                                            <option {{ $withdraw_request->type == 'By_Cash' ? 'selected' : '' }} value="By_Cash">By Cash</option>
                                        </select>
                                        @if ($errors->has('type'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('type') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12 {{ $withdraw_request->type == 'By_Cash_Cheque' ? '' : 'd-none' }}" id="cheque_name_display">
                                    <div class="form-group">
                                        <label for="cheque_name">Name</label>
                                        <input type="text" name="cheque_name" id="cheque_name" value="{{ $withdraw_request->cheque_name }}" class="form-control">
                                        @if ($errors->has('cheque_name'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('cheque_name') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12 {{ $withdraw_request->type == 'By_Bank_Account_Cheque' ? '' : 'd-none' }}" id="bank_account_display">
                                    <div class="form-group">
                                        <label for="user_cheque_name">Name</label>
                                        <input type="text" name="user_cheque_name" id="user_cheque_name" value="{{ $withdraw_request->cheque_name }}" class="form-control">
                                        @if ($errors->has('user_cheque_name'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('user_cheque_name') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>



                                <div class="col-md-12">
                                    <div class="form-group ">
                                        <label for="note" class="col-form-label pt-0">Note</label>
                                        <textarea class="form-control" name="note" id="" cols="30" rows="2">{{ $withdraw_request->note }}</textarea>
                                    </div>
                                </div>

                                <div class="col-md-12 text-right mt-4">
                                    <button type="submit" class="btn btn-dribbble">
                                        <i class="fas fa-save mr-2"></i> Update
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div> <!-- end col -->
        </div><!--end row-->
    </div>

    @push('alljs')
        <script>
            $("#type").on('change', function () {
                var type = $(this).val();
                if(type === 'By_Bank_Account_Cheque'){
                    $("#bank_account_display").removeClass('d-none');
                    $("#cheque_name_display").addClass('d-none');
                }else if(type === 'By_Cash_Cheque'){
                    $("#cheque_name_display").removeClass('d-none');
                    $("#bank_account_display").addClass('d-none');

                }else{
                    $("#bank_account_display").addClass('d-none');
                    $("#cheque_name_display").addClass('d-none');
                }
            });

            $('#withdraw_date').datepicker({
                format: 'dd-mm-yyyy',
                autoclose:!0,
                todayHighlight:!0
            });
            $('#issue_date').datepicker({
                format: 'dd-mm-yyyy',
                autoclose:!0,
                todayHighlight:!0
            });
        </script>
    @endpush
@endsection