@extends('dashboard.components.main')
@section('content')
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
    <div class="page-content">
        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="page-title mb-0 font-size-18">@lang('dashboard_sidebar.home')</h4>
                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item active">@lang('dashboard.welcome') </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->
        <!-- Errors -->
        @include('dashboard.components.errors')
        <!-- Success Message -->
        @if(session()->has('message'))
        <p class="alert alert-success text-center">
            {{ session()->get('message') }}
        </p>
        @endif
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">@lang('dashboard_banks.fast_operations')</h4>
                <div>
                    <a class="popup-form btn btn-primary mx-1 my-1" href="#addbank">@lang('dashboard_banks.add_bank') </a>
                    <a class="btn btn-primary mx-1 my-1" href="{{ route('dashboard.banks.csv') }}">@lang('dashboard_sidebar.import_csv')</a>
                    <a class="popup-form btn btn-primary mx-1 my-1" href="#addBankTransfer"> @lang ('dashboard_banks.add_bank_transfer')</a>
                    <a class="popup-form btn btn-primary mx-1 my-1" href="#payCreditAccount"> @lang('dashboard_banks.Pay_Credit_Account')</a>    
                </div>
            </div>
        </div>
        <!-- Show only in a single bank page -->
        <div class="row">
            <div class="d-flex justify-content-center align-items-center w-100 mb-4">
                @isset($currentBank)
                <a href="{{ route('dashboard.banks.index') }}" class="mx-4" title="Back to all banks">@lang('dashboard_banks.back')</a>
            <p class="text-center text-dark font-weight-bold w-100 font-size-18 mb-0">{{$currentBank->name}}</p>
            @endisset 
            </div>
        </div>
        <!-- Add bank popup -->
        <div class="card mfp-hide mfp-popup-form mx-auto" id="addbank">
            <div class="card-body">
                <h4 class="mt-0 mb-4">@lang('dashboard_banks.new_bank')</h4>
                <form action="{{ route('dashboard.banks.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="name">@lang('dashboard_banks.account_name')</label>
                                <input type="text" name="name" value="{{ old('name') }}" class="form-control"
                                    id="name" placeholder="@lang('dashboard_banks.account_name')" required>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label for="email">@lang('dashboard_banks.account_number')</label>
                                <input type="number" name="number" value="{{ old('number') }}"
                                    class="form-control" id="email" placeholder="@lang('dashboard_banks.account_number')" required>
                            </div>
                        </div>
                        <input type="hidden" name="type" value="debit">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="control-label">@lang('dashboard_banks.branched') </label>
                                <select class="form-control select2" name="parent">
                                    <option selected>@lang('dashboard_banks.not_branched') </option>
                                    @foreach ($parents as $parent)
                                    <option value="{{ $parent->id }}"
                                        {{ (old("parent") == $parent->id ? "selected":"") }}>{{ $parent->name }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label for="description">@lang('dashboard_banks.account_description')</label>
                                <textarea class="form-control" id="subject" rows="3"
                                    name="description">{{ old('description') }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="text-right">
                                <button type="submit" class="btn btn-primary mx-1 my-1">@lang('buttons.execute')</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- Add bank transfere popup -->
        <div class="card mfp-hide mfp-popup-form mx-auto" id="addBankTransfer">
            <div class="card-body">
                <h4 class="mt-0 mb-4">@lang('dashboard_banks.add_bank_transfer')</h4>
                <form action="{{ route('dashboard.banks.add.transfer') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="from">@lang('dashboard_banks.transfer') @lang('dashboard_banks.from')</label> <!-- النقدية وما يعادلها فقط -->
                                <select required class="select2" name="from" id="bankTransferFrom">
                                    <option selected disabled value="{{ null }}">@lang('dashboard_banks.select') @lang('dashboard_banks.account')</option>
                                    @foreach ($accounts->where('account_type_id',2) as $account) 
                                        <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                        {{ $account->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="transferNumber">@lang('dashboard_banks.transfer_no')</label>
                                <input type="text" name="number" value=""
                                    class="form-control" id="transferNumber" placeholder="@lang('dashboard_banks.transfer_no')">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="transferDate">@lang('dashboard_banks.transfer_date')</label>
                                <input required type="date" name="date" value=""
                                    class="form-control" id="transferDate" placeholder="Transfer Date">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="transferAmount">@lang('dashboard_banks.amount')</label>
                                <input required type="number" min="0" max="99999999" step="any" name="amount" value=""
                                    class="form-control" id="transferAmount" placeholder="@lang('dashboard_banks.amount')">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="to">@lang('dashboard_banks.transfer') @lang('dashboard_banks.to')</label> <!-- النقدية وما يعادلها فقط -->
                                <select required class="select2" name="to" id="bankTransferTo">
                                    <option selected disabled value="{{ null }}">@lang('dashboard_banks.select') @lang('dashboard_banks.account')</option>
                                    @foreach ($accounts->where('account_type_id',2) as $account) 
                                        <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                        {{ $account->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>       
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="control-label">@lang('buttons.upload_file')</label>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" name="transferfile" id="customFile">
                                <label class="custom-file-label" for="customFile">@lang('buttons.select_file')</label>
                                <p hidden id="uploaded-file"></p>
                            </div>
                        </div>
                    </div>      
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="text-right">
                                <button type="submit" class="btn btn-primary mx-1 my-1">@lang('buttons.execute')</button>
                                <button type="button" class="btn btn-danger" onclick="closeAddTransferModal()">@lang('buttons.cancel')</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- Pay Credit Account popup -->
        <div class="card mfp-hide mfp-popup-form mx-auto" id="payCreditAccount">
            <div class="card-body">
                <h4 class="mt-0 mb-4">@lang('dashboard_banks.Pay_Credit_Account')</h4>
                <form action="{{ route('dashboard.banks.pay.credit') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="paymentDate">@lang('dashboard_banks.payment_date')</label>
                                <input required type="date" name="date" value=""
                                    class="form-control" id="paymentDate" placeholder="Payment Date">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="documentNumber">@lang('dashboard_banks.document_number')</label>
                                <input type="text" name="number" value=""
                                    class="form-control" id="documentNumber" placeholder="@lang('dashboard_banks.document_number')">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="paid_to">@lang('dashboard_banks.to') @lang('dashboard_banks.account')</label> <!-- النقدية وما يعادلها فقط -->
                                <select required class="select2" name="paid_to" id="paid_to">
                                    <option selected disabled value="{{ null }}">@lang('dashboard_banks.select') @lang('dashboard_banks.account')</option>
                                    @foreach ($accounts->where('account_type_id',10) as $account) 
                                    <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                    {{ $account->name }}</option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="paid_from">@lang('dashboard_banks.from') @lang('dashboard_banks.account')</label> <!-- النقدية وما يعادلها فقط -->
                                <select required class="select2" name="paid_from" id="paid_from">
                                    <option selected disabled value="{{ null }}">@lang('dashboard_banks.select') @lang('dashboard_banks.account')</option>
                                    @foreach ($accounts->whereIn('account_type_id',[1,2]) as $account) 
                                    <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                    {{ $account->name }}</option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="payAmount">@lang('dashboard_banks.amount')</label>
                                <input required type="number" min="0" max="99999999" step="any" name="amount" value=""
                                    class="form-control" id="payAmount" placeholder="@lang('dashboard_banks.amount')">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <label for="payDescription">@lang('dashboard_banks.description')</label>
                                <input type="text" name="description" value=""
                                    class="form-control" id="payDescription" placeholder="@lang('dashboard_banks.description')">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="control-label">@lang('buttons.upload_file')</label>
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" name="creditfile" id="customFile">
                                <label class="custom-file-label" for="customFile">@lang('buttons.select_file')</label>
                                <p hidden id="uploaded-file"></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="text-right">
                                <button type="submit" class="btn btn-primary mx-1 my-1">@lang('buttons.execute')</button>
                                <button type="button" class="btn btn-danger" onclick="closeAddTransferModal()">@lang('buttons.cancel')</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            @php
             $count = count($parents->slice(0,6));
             if(Route::currentRouteName() == 'dashboard.banks.all.banks'){
                $count = count($parents);
             }
            @endphp
            @for($i=0 ; $i < $count;$i++)
                {{-- {{ dd($parents->slice(0,6)) }} --}}
                <div class="col-xl-4">
                    <a href="{{ route('dashboard.banks.index',['bank'=>$parents[$i]->id]) }}" style="color: inherit" class="bankLink">
                        <div class="card">
                            <div class="card-body">
                                <div class="media">
                                    <div class="d-flex flex-row justify-content-between" style="width: 100%">
                                        <div class="">
                                            <div class="avatar-sm font-size-20 mr-3">
                                                <span class="avatar-title bg-soft-primary text-primary rounded">
                                                    <i class="mdi mdi mdi-bank-outline"></i>
                                                </span>
                                            </div>
                                            <div class="media-body">
                                                <div class="font-size-16 mt-2">{{ $parents[$i]->name }} </div>
                                            </div>
                                        </div>
                                             <div class="d-flex flex-row">
                                            <a href="#editBank{{ $parents[$i]->id }}" id="{{ $parents[$i]->id }}" class="mx-2 mt-2 popup-form editBankButton"><i class="text-info mdi mdi mdi-file-edit mdi-24px"></i></a>
                                            @if ($parents[$i]->canDelete == true)
                                               <form action="{{route('dashboard.banks.delete',$parents[$i]->id)}}" class="deleteBankForm" method="POST">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ $parents[$i]->id }}">
                                                <button type="submit" class="btn mx-2 deleteBankButton"><i class="text-danger mdi mdi mdi-delete-forever mdi-24px "></i></button>
                                            </form>
                                            @endif
                                        </div>
                                    </div>
                                        <!-- Edit Bank Popup -->
                                        <div class="card mfp-hide mfp-popup-form mx-auto" id="editBank{{ $parents[$i]->id }}">
                                                <div class="card-body">
                                                    <h4 class="mt-0 mb-4">@lang('dashboard_banks.edit_bank')</h4>
                                                    <form action="{{ route('dashboard.banks.update',$parents[$i]) }}" method="POST">
                                                        @csrf
                                                        @method('PUT')
                                                        <input type="hidden" id="bankId" name="bank_id">
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label for="name">@lang('dashboard_banks.account_name')</label>
                                                                    <input type="text" name="name" value="{{$parents[$i]->name }}" class="form-control"
                                                                        id="bankName" placeholder="@lang('dashboard_banks.account_name')">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label for="email">@lang('dashboard_banks.account_number')</label>
                                                                    <input type="number" name="number" value="{{$parents[$i]->number }}"
                                                                    class="form-control" id="bankNumber" placeholder="@lang('dashboard_banks.account_number')">
                                                                </div>
                                                            </div>
                                                            <input type="hidden" name="type" value="debit">
                                                            <div class="col-lg-12">
                                                                <div class="form-group">
                                                                    <label class="control-label">@lang('dashboard_banks.branched') </label>
                                                                    <select class="form-control select2" name="parent">
                                                                        <option selected value="">@lang('dashboard_banks.not_branched') </option>
                                                                        @foreach ($parents as $parent)
                                                                        <option value="{{ $parent->id }}"
                                                                            {{ $parents[$i]->parent == $parent->id ? "selected":"" }}>{{ $parent->name }}
                                                                        </option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <div class="form-group">
                                                                    <label for="description">@lang('dashboard_banks.account_description')</label>
                                                                    <textarea class="form-control" id="bankDescription" rows="3"
                                                                    name="description">{{ $parents[$i]->description }}</textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <div class="text-right">
                                                                    <button type="submit" class="btn btn-primary mx-1 my-1">@lang('buttons.execute')</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                <h4 class="mt-4">{{ $parents[$i]->balance }}$</h4>
                                <div class="row">
                                    <div class="col-7">
                                        <p class="mb-0"><span class="text-success mr-2"> @lang('dashboard_banks.under')
                                                {{ $parents[$i]->branch->count() }} @lang('dashboard_banks.accounts') </span></p>
                                    </div>
                                    <div class="col-5 align-self-center">
                                        <div class="progress progress-sm">
                                            <div class="progress-bar bg-success" role="progressbar" style="width: {{strval($parents[$i]->branch->count() * 5).'%' }}"
                                                aria-valuenow="{{ $parents[$i]->branch->count() }}" aria-valuemin="0" aria-valuemax="20"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                @endfor
                @if(count($parents->slice(0,6))%2 !==0)
                <div class="col-xl-4">
                    <div>
                        {{-- <a class="popup-form btn btn-light " href="{{ route('dashboard.banks.index.all') }}">كل
                        البنوك </a> --}}
                    </div>
                </div>
                @endif
        </div>
        {{-- <div class="col-xl-4"> --}}
            @if(Route::currentRouteName() != 'dashboard.banks.all.banks')
        <div style="text-align: center;margin:10px 0px 20px 0px;">
            <a class="btn btn-info " href="{{ route('dashboard.banks.all.banks') }}">@lang('dashboard_banks.all_banks') </a>
        </div>
        @endif
        {{-- </div> --}}
        {{-- <div style="margin: 200px;"> --}}
        {{-- <div class="row" style="align-content: center"> --}}
        {{-- </div> --}}
    <!-- end row -->
    <!-- start page title -->
    <!-- end page title -->
    {{-- {{ $errors }} --}}
    @if(Route::currentRouteName() != 'dashboard.banks.all.banks')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">@lang('dashboard_banks.last_operations')</h4>
                    <p class="card-title-desc">@lang('dashboard_banks.report_last_operations') .</p>
                    <div class="table-rep-plugin">
                        <div class="table-responsive mb-0" data-pattern="priority-columns">
                            <table id="" class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>@lang('dashboard_banks.from_to')</th>
                                        <th data-priority="1">@lang('dashboard_banks.date')</th>
                                        <th data-priority="3">@lang('dashboard_banks.operation_description')</th>
                                        <th  data-priority="1" style="width: 20px">@lang('dashboard_banks.bank')</th>
                                        <th data-priority="1">@lang('dashboard_sidebar.taxes')</th>
                                        <th data-priority="1">@lang('dashboard_banks.account')</th>
                                        <th data-priority="1">@lang('dashboard_banks.spent') </th>
                                        <th data-priority="1">@lang('dashboard_banks.received')</th>
                                        <th style="width: 400px" data-priority="3">@lang('buttons.process')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($moves as $index=> $move)
                                    <tr @if ($move->parent==0 && $move->deleted_at != null) style="background-color:#ffc9c7; color: #666" @endif>
                                        <th style="width: 100px; white-space: normal">@if($move->moveable!= null){{ $move->type() }}@endif <span
                                                class="co-name">{{ optional($move->moveable)->company_name }}</span>
                                        </th>
                                        <td  style="width: 120px; white-space: normal">{{ $move->date }}</td>
                                        <td class="row text-center" style="width: 100%">
                                            <p class="transaction-description" style="  text-overflow: ellipsis;  overflow: hidden;   width: 15ch;  white-space: nowrap; ">{{ substr($move->description ,0,50) }}</p>
                                           @if(strlen($move->description) > 0) 
                                            <i class="text-info mdi mdi-information-outline mdi-18px popup-form" href="#transactionDescription{{ $index }}" title="Show full description"> 
                                                <!-- check if there is a file -->
                                            @else
                                            <i class="text-info mdi mdi-file mdi-18px popup-form" href="#transactionDescription{{ $index }}" title="Download file"> 

                                            @endif
                                        </td>
                                        <td class="bg-primary text-white" style="width: 100px; white-space: normal">{{ $move->bank->name }}</td>
                                        <td  style="width: 100px; white-space: normal">@if($move->tax){{ optional($move->tax)->name .' (' . optional($move->tax)->percentage .')'}}@endif
                                        </td>
                                        <td  style="width: 100px; white-space: normal">{{@$move->account->name}}</td>
                                        <td style="width: 10px; white-space: normal">@if($move->amount_type =='spent') {{ $move->amount }}$@endif</td>
                                        <td style="width: 10px; white-space: normal">@if($move->amount_type =='received') {{ $move->amount }}$@endif</td>
                                        <td>
                                            <div class="btn-group dropright" role="group">
                                                @if(!$move->isAdded && $move->deleted_at == null)
                                                <button id="btnGroupVerticalDrop1" type="button"
                                                    class="text-primary border-0 bg-transparent dropdown-toggle " data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false" title="Options">
                                                    {{-- @lang('buttons.process')  --}}{{-- <i class="mdi mdi-format-list-bulleted mdi-18px"></i> --}}
                                                    <i class="mdi  mdi-dots-vertical mdi-16px"></i>
                                                </button>
                                                @else
                                                  @if ($move->isAdded==false && $move->deleted_at != null)
                                                  <form method="GET"
                                                  action="{{ route('dashboard.banks.show',$move->id) }}">
                                                  <button type="submit" class="btn border-0 bg-transparent">
                                                    <i class="mdi mdi-select-compare mdi-16px"></i>
                                                      {{-- @lang('dashboard_banks.show_match') --}}
                                                    </button>
                                                </form>   
                                                @elseif ($move->isAdded==true && $move->deleted_at != null)
                                                  <button id="btnGroupSplit" type="button"
                                                    class="text-primary border-0 bg-transparent dropdown-toggle " data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false" title="Options">
                                                    {{-- @lang('buttons.process')  --}}{{-- <i class="mdi mdi-format-list-bulleted mdi-18px"></i> --}}
                                                    <i class="mdi mdi-source-fork mdi-16px"></i>
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="btnGroupSplit">                                              
                                                    <a class="dropdown-item "
                                                    href="{{ route('dashboard.banks.show',$move->id) }}">
                                                    @lang('dashboard_banks.show_split')</a>
                                                    <a class="dropdown-item popup-form"
                                                    href="#deletemulti{{ $index }}" onclick="ind({{ $index }})">
                                                    @lang('dashboard_banks.delete_operation')</a>
                                                </div>
                                                    <!-- Delete Multi Move Popup -->
                                                <div class="card mfp-hide mfp-popup-form mx-auto" id="deletemulti{{ $index }}">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('dashboard_banks.delete_operation')</h4>
                                                        <form method="POST"
                                                            action="{{ route('dashboard.moves.delete.multi',$move->id) }}">
                                                            @csrf
                                                            <h2>@lang('dashboard_banks.confirm_delete')</h2>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit"
                                                                            class="btn btn-danger">@lang('buttons.submit')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                              </div>
                                                  @else
                                                   @if ($move->type != 'split')
                                                   <a href="#deletesingle{{ $index }}" class="mx-2 mt-2 popup-form editBankButton">
                                                     <i class="mdi mdi-delete-forever mdi-16px"></i></a>
                                                   @endif
                                                 @endif
                                                @endif
                                                <div class="dropdown-menu" aria-labelledby="btnGroupVerticalDrop1">
                                                    <a class="dropdown-item popup-form"
                                                        href="#addtrans{{ $index }}">@lang('dashboard_banks.add_operation')</a>
                                                    <a class="dropdown-item popup-form"
                                                        href="#addsplittrans{{ $index }}" onclick="ind({{ $index }})">
                                                        @lang('dashboard_banks.split_operation')</a>
                                                    <a class="dropdown-item popup-form" href="#compare{{ $index }}" onclick="compare({{ $index }},{{ $move->amount }},{{ $move->id }},{{ $move->bank_id }})">
                                                        @lang('dashboard_banks.match_operation')</a>
                                                        <a class="dropdown-item popup-form"
                                                        href="#deletetrans{{ $index }}" onclick="ind({{ $index }})">
                                                        @lang('dashboard_banks.delete_operation')</a>
                                                </div>
                                                {{-- start of cmpare --}}
                                                <div class="card mfp-hide mfp-popup-form mx-auto" id="compare{{ $index }}">
                                                    <div class="card-body px-5">
                                                        <div class="row">
                                                            <div class="col-lg-10">
                                                                <h4 class="mt-0 mb-4" style="display: inline">@lang('dashboard_banks.match_operation') </h4>
                                                                <p class="mt-3"> @lang('dashboard_banks.payment_from') 
                                                                    @lang('dashboard_banks.bank')<strong>{{ $move->bank->name }}</strong> .@lang('dashboard_banks.on') <strong>{{ $move->date }}</strong> </p>
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <h1 class="" style="display: inline;text-align:left">
                                                                    {{ $move->amount }}</h1>
                                                            </div>
                                                            <form class="col-lg-12" action="{{ route('dashboard.moves.compare',$move) }}" method="POST">
                                                                @csrf
                                                                @method('PUT')
                                                                <div class="col-lg-12" id="append_here{{ $index }}">
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-lg-12 text-center">
                                                                        <b>
                                                                            <a class="btn btn-primary" href="{{ route('dashboard.moves.match.all',$move->id) }}">@lang('dashboard_banks.find_all_match')</a>
                                                                        </b>
                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="col-lg-12">
                                                                        <div class="text-right">
                                                                            <button type="submit" hidden id="submit_compare{{ $index }}" class="btn btn-primary"
                                                                                 id="sub{{ $index }}">@lang('buttons.execute')</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                {{-- end of compare --}}
                                                {{-- start of splite --}}
                                                <div class="card mfp-hide mfp-popup-form mx-auto"
                                                    id="addsplittrans{{ $index }}">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-lg-10">
                                                                <h4 class="mt-0 mb-4" style="display: inline"> @lang('dashboard_banks.split_procedure') </h4>
                                                                <p>@lang('dashboard_banks.payment_from') <strong>{{ $move->bank->name }}</strong>
                                                                    @lang('dashboard_banks.bank'). @lang('dashboard_banks.on') <strong>{{ $move->date }}</strong> </p>
                                                            </div>
                                                            <div class="col-lg-2">
                                                                <h1 class="" style="display: inline;text-align:left">
                                                                    {{ $move->amount }}</h1>
                                                            </div>
                                                        </div>
                                                        <form class="repeater" enctype="multipart/form-data"
                                                            method="POST"
                                                            action="{{ route('dashboard.moves.add.multi',$move) }}">
                                                            @csrf
                                                            @method('PUT')
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="form-group">
                                                                        <label for="subject">@lang('dashboard_banks.supplier_client')</label>
                                                                        <select class="form-control select2 dd_moveable"
                                                                            name="moveable" onchange="AccountSelected(this)">
                                                                            <option selected value="">@lang('dashboard_banks.no_select') </option>
                                                                            @foreach ($payee as $pay)
                                                                            <option
                                                                                value="{{ $pay->id .','.$pay->type}}" data-typepay="{{$pay->type}}">
                                                                                {{$pay->first_name.' '.$pay->middle_name.' '.$pay->last_name}} @if($pay->type
                                                                                =='App\Client') (@lang('dashboard_banks.client')) @else
                                                                                (@lang('dashboard_banks.supplier')) @endif</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div data-repeater-list="moves">
                                                                <div data-repeater-item class="row">
                                                                    <div class="col-lg-2">
                                                                        <div class="form-group">
                                                                            <label class="control-label">@lang('dashboard_banks.account')</label>
                                                                            <select class="form-control select2 dd_account_split" onchange="newAccountSelected(this)"
                                                                                name="account_id" required>
                                                                                <option selected disabled>@lang('dashboard_banks.select') @lang('dashboard_banks.account')
                                                                                </option>
                                                                                @foreach ($accounts as $account) 
                                                                                @if($account->name != $move->bank->name)                                                                                
                                                                                    <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                                                                    {{ $account->name }}</option>
                                                                                    @endif
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <div class="form-group">
                                                                            <label for="subject">@lang('dashboard_banks.tax_code')</label>
                                                                            <select class="form-control select2 dd_tax"
                                                                                name="tax_id" >
                                                                                <option selected value="">@lang('dashboard_banks.no_select')</option>                                                                                
                                                                                @foreach ($taxes as $tax)
                                                                                <option value="{{ $tax->id }}">
                                                                                    {{$tax->name . ' ('.$tax->percentage .')'}}
                                                                                </option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-1">
                                                                        <div class="form-group">
                                                                            <label for="subject"> @lang('dashboard_projects.filter') </label>
                                                                            <select class="form-control select2"
                                                                                name="class">
                                                                                <option selected value="{{ null }}">@lang('dashboard_banks.no_select') </option>
                                                                                @foreach ($filters as $filter)
                                                                                <option value="{{ $filter->id }}">
                                                                                    {{$filter->name}}
                                                                                </option>
                                                                                @endforeach
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2">
                                                                        <div class="form-group">
                                                                            <label for="description">@lang('dashboard_banks.operation_description')</label>
                                                                            <input tclass="form-control-file"
                                                                                name="short_description" type="text"
                                                                                id="description">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2" style="margin:0px 5%">
                                                                        <div class="form-group">
                                                                            <label for="amount_split">@lang('dashboard_banks.amount')</label>
                                                                            <input tclass="form-control"
                                                                                name="split_amount" type="text"
                                                                                class="splite{{ $index }}"
                                                                                id="amount_split" required>
                                                                            <input type="hidden"
                                                                                value="{{ $move->amount }}"
                                                                                id="total{{ $index }}">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-1 align-self-center">
                                                                        <input data-repeater-delete type="button"
                                                                            class="btn btn-primary btn-block"
                                                                            value="@lang('buttons.delete')"
                                                                            onblur="removeButton({{ $index }})" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input data-repeater-create type="button"
                                                                class="btn btn-success mt-3 mt-lg-0" id="add_button"
                                                                onclick="addButton({{ $index }})" value="@lang('buttons.add')" />
                                                            {{-- <div class="row"> --}}
                                                            <div class="col-lg-3">
                                                                <b>@lang('dashboard_banks.split') @lang('dashboard_banks.amount')</b>
                                                                <p style="display: inline"
                                                                    id="split_amount_p{{ $index }}">0</p>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <b>@lang('dashboard_banks.original') @lang('dashboard_banks.amount')</b>
                                                                <p style="display: inline"
                                                                    id="orignal_amount_p{{ $index }}">
                                                                    {{ $move->amount }}</p>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <b>@lang('dashboard_banks.difference') @lang('dashboard_banks.amount')</b>
                                                                <p style="display: inline"
                                                                    id="difference_amount_p{{ $index }}">
                                                                    {{ $move->amount }}</p>
                                                            </div>
                                                            {{-- </div> --}}
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="form-group">
                                                                        <label for="subject">@lang('dashboard_banks.explain_points')</label>
                                                                        <textarea class="form-control" id="subject"
                                                                            rows="3" name="memo"></textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">@lang('buttons.upload_file')</label>
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input"
                                                                            id="customFile" name="attachment">
                                                                        <label class="custom-file-label"
                                                                            for="customFile">@lang('buttons.select_file')</label>
                                                                            <p hidden id="uploaded-file"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">@lang('dashboard_banks.reference_number')</label>
                                                                    <div class="custom-file">
                                                                        <input type="text" class="form-control"
                                                                            id="number" name="number">
                                                                    </div>
                                                                </div>
                                                            </div> 
                                                        </div> 
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit" class="btn btn-primary"
                                                                            disabled id="sub{{ $index }}">@lang('buttons.execute')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <div class="card mfp-hide mfp-popup-form mx-auto"
                                                    id="addtrans{{ $index }}">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('dashboard_banks.operation_procedure')</h4>
                                                        <form method="POST"
                                                            action="{{ route('dashboard.moves.add.single',$move) }}"
                                                            enctype="multipart/form-data">
                                                            @csrf
                                                            @method('PUT')
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label class="control-label">@lang('dashboard_invoices.move_type')</label>
                                                                        <select class="form-control select2" required
                                                                            name="type">
                                                                            <option selected disabled>@lang('dashboard_invoices.move_type')
                                                                            </option>
                                                                            @if ($move->amount_type == 'received')
                                                                            <option value="deposit">@lang('dashboard_banks.deposit')</option>
                                                                            @else
                                                                            <option value="expensed">@lang('dashboard_banks.expensed')</option>
                                                                            <option value="cheque">@lang('dashboard_banks.cheque')</option>
                                                                            @endif
                                                                            <option value="transfer">@lang('dashboard_banks.transfer')
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label class="control-label">@lang('dashboard_banks.account')</label>
                                                                        <select class="form-control select2 dd_account" required
                                                                            name="account_id">
                                                                            <option selected disabled>@lang('dashboard_banks.select') @lang('dashboard_banks.account')
                                                                            </option>
                                                                            @foreach ($accounts as $account)
                                                                            @if($account->name != $move->bank->name) 
                                                                            <option value="{{ $account->id }}" data-typeid="{{ $account->account_type_id }}">
                                                                                {{ $account->name }}</option>
                                                                                @endif
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label for="subject">@lang('dashboard_banks.tax_code')</label>
                                                                        <select class="form-control dd_tax select2"
                                                                            name="tax_id">
                                                                            <option selected value="">@lang('dashboard_banks.no_select')</option>
                                                                            @foreach ($taxes as $tax)
                                                                            <option value="{{ $tax->id }}">
                                                                                {{$tax->name . ' ('.$tax->percentage .')'}}
                                                                            </option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label for="subject">@lang('dashboard_banks.supplier_client')</label>
                                                                        <select class="form-control select2 dd_moveable"
                                                                            name="moveable">
                                                                            <option selected value="">@lang('dashboard_banks.no_select') </option>
                                                                            @foreach ($payee as $pay)
                                                                            <option
                                                                                value="{{ $pay->id .','.$pay->type}}">
                                                                                {{$pay->first_name.' '.$pay->middle_name.' '.$pay->last_name }} @if($pay->type
                                                                                =='App\Client') (@lang('dashboard_banks.client')) @else
                                                                                (@lang('dashboard_banks.supplier')) @endif</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="form-group">
                                                                        <label for="subject"> @lang('dashboard_banks.class') </label>
                                                                        <select class="form-control select2"
                                                                            name="class">
                                                                            <option selected value="{{ null }}">@lang('dashboard_banks.no_select')</option>
                                                                            @foreach ($filters as $filter)
                                                                                <option value="{{ $filter->id }}">
                                                                                    {{$filter->name}}
                                                                                </option>
                                                                                @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="form-group">
                                                                        <label for="subject">@lang('dashboard_banks.explain_points')</label>
                                                                        <textarea class="form-control" id="subject"
                                                                            rows="3" name="memo"></textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">@lang('buttons.upload_file') </label>
                                                                    <div class="custom-file">
                                                                        <input type="file" class="custom-file-input"
                                                                            id="customFile" name="attachment">
                                                                        <label class="custom-file-label"
                                                                            for="customFile">@lang('buttons.select_file')</label>
                                                                        <p hidden id="uploaded-file"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">@lang('dashboard_banks.reference_number')</label>
                                                                    <div class="custom-file">
                                                                        <input type="text" class="form-control"
                                                                            id="number" name="number">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit"
                                                                            class="btn btn-primary">@lang('buttons.execute')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <!-- Delete Single Move Popup -->
                                                <div class="card mfp-hide mfp-popup-form mx-auto" id="deletesingle{{ $index }}">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('dashboard_banks.delete_operation')</h4>
                                                        <form method="POST"
                                                            action="{{ route('dashboard.moves.delete.single',$move) }}">
                                                            @csrf
                                                            <h2>@lang('dashboard_banks.confirm_delete')</h2>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit"
                                                                            class="btn btn-danger">@lang('buttons.submit')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <!-- Delete Transaction Popup -->
                                                <div class="card mfp-hide mfp-popup-form mx-auto" id="deletetrans{{ $index }}">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('dashboard_banks.delete_operation')</h4>
                                                        <form method="POST"
                                                            action="{{ route('dashboard.moves.delete',$move->id) }}">
                                                            @csrf
                                                            <h2>@lang('dashboard_banks.confirm_delete')</h2>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit"
                                                                            class="btn btn-danger">@lang('buttons.submit')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                                <!-- Transaction Description Popup -->
                                                <div class="card mfp-hide mfp-popup-form mx-auto" style="max-width: 600px" id="transactionDescription{{ $index }}">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <h4 class="mt-0 mb-4 mx-3">@lang('dashboard_banks.operation_description')</h4>
                                                                <p class="mx-3" id="popupTransactionDescription{{ $index }}">{{ $move->description }}</p>
                                                            </div>
                                                            @if($move->file)   
                                                            <div class="col-lg-12 d-flex flex-column justify-content-between">
                                                                <p class="h4 text-dark mx-3 mb-2">@lang('dashboard_banks.file')</p>
                                                                <p class="mx-3 mb-0">{{ $move->file->path }}</p>
                                                                {{-- <form class="mr-auto" method="GET"
                                                                    action="{{ route('dashboard.banks.download.file',$move) }}">
                                                                    <button type="submit" onclick="popupSubmitPressed()" class="btn btn-primary mt-2" title="Download">@lang('buttons.download')</button>
                                                                </form> --}}
                                                                <a class="btn btn-primary mt-2" style="width: 100px" href="{{ route('dashboard.banks.download.file',$move) }}">@lang('buttons.download')</a>
                                                                
                                                            </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="8"  style="text-align: center">
                                          @lang('dashboard_banks.no_data_found')
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            @if($moves->links())
                            <div>
                                {{ $moves->links() }}
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end col -->
    </div>
    <!-- end row -->
    @endif
</div>
<!-- End Page-content -->
{{-- @include("dashboard.components.footer"); --}}
@endsection
@section('custom_script')
<script>
    /* SALAH */
    /* Handle if edit bank icon pressed */
    $('.editBankButton').click(function(){
        let selectedBankId = $(this).attr('id')
        let allBanks = {!! json_encode($parents->toArray()) !!}
        let selectedBank = allBanks.find(bank=> bank.id == selectedBankId)
        let bankName = selectedBank.name
        let bankNumber = selectedBank.number
        let bankDescription = selectedBank.description
        $('#editBank #bankId').val(selectedBankId)
        $('#editBank #bankName').val(bankName)
        $('#editBank #bankNumber').val(bankNumber)
        $('#editBank #bankDescription').val(bankDescription)
    })
$('.deleteBankButton').click(function(e){
    e.preventDefault();
    let currentForm = $(this).parents('.deleteBankForm')
    if (confirm('Are you sure that you want to delete that bank?')){
        currentForm.submit()
    }
})
    function ind(i){
        $(document).ready(function(){
    var el = $(".splite"+i).change(function(){
            var amo = 0;
            for(var it = 0;it< el.length;it++){
               if(!el[it].value){
                   el[it].value =0;
               }
        amo += parseFloat(el[it].value);
    }
    // console.log(amo);
    var am = $("#total"+i);
    am = parseFloat(am[0].value);
    if(amo == am){
        $("#sub"+i).removeAttr('disabled');
    }else{
        $("#sub"+i).attr('disabled',true);
    }
    $("#split_amount_p"+i).html(amo);
    $("#orignal_amount_p"+i).html(am);
    if((am - amo) == 0){
    $("#difference_amount_p"+i).html(0).css('color','green');
    }else{
    $("#difference_amount_p"+i).html(am - amo).css('color','red');
    }
    // console.log(am);
        });
    });
    }
   function addButton(index){
    /* Salah */
    addButtonPressed() // fix select2 style
    setTimeout(function() {
        let firstTaxDropdown = $('.dd_tax:first')
        let newTaxDropdown = $('.dd_tax')
        newTaxDropdown.prop('disabled', firstTaxDropdown.prop('disabled'))
    }, 200);
       /* setTimeout(function(){
        $('select').select2({
            placeholder:"{{ __('dashboard_banks.select') }}"
        });
       },100); */
       ind(index);
   }
   function removeButton(index)
   {
       setTimeout(function(){
       ind(index);
       },1000);
   }
function compare(index , amount,id,bank_id)
{
    // console.log(amount);
    $("#append_here"+index).html('');
    $.ajax({
        url:"{{ route('dashboard.moves.get.same') }}",
        method:'get',
        data:{
            amount:amount,
            id:id,
            bank_id:bank_id,
        },
        success:function(data){
            if(data.length !== 0)
            {
                    data.forEach(element => {
                $("#append_here"+index).append(
                    "<h5><p>" +"<input type='radio' value="+element.id+" name='same' />"+
                   "<b>"+ element.amount+"</b> " +element.date+" </p></h5> "
                )
                    });
            $("#submit_compare"+index).removeAttr('hidden');
            }
            else{
                $("#append_here"+index).append("<p> {{ __('dashboard.no_data') }} </p>");
            }
        },
    })
}
/* SALAH */
function closeAddTransferModal(){
    $('#addBankTransfer .mfp-close').click()
}
/* Salah */
/* Get loaded bank from URL */
$('.bankLink').each(function(index,link){
    if (link.href == window.location.href){
        $(this).parent().find('.card-body').css({'border':'2px solid rgba(0,0,0,0.3)'})
    }
})
//if account ( clients or supplier )  choosed - disable tax
$('.dd_moveable').change(function() {
    if ($(".dd_moveable").val()=='') {
        $('.dd_tax').prop("disabled", false);
    } else {
    /* enable dd_account_split dropdown */
        /* Split operation */
        $('.dd_account_split').prop('disabled', false)
    }
});
//if select client show all accounts without suppliers
$('.dd_payee').change(function() {
    var typepay = $('option:selected', this).attr('data-typepay');
    if (typepay =='App\\Client') {
        $(".dd_account_split option[data-typeid=9]").hide();
    }
    else{
        $(".dd_account_split option[data-typeid=9]").show();
    }
});
/* SALAH */
/* show uploaded file name after upload */
$(document).ready(function(){
    //get file name after operation label when reload page
    $("#file-name").html(sessionStorage.getItem("upload_name"));
    $('#submit-button').change(function(){
        $("#file-name").html(sessionStorage.getItem("upload_name"));
    });
    $('input[type="file"]').change(function(e){
        var fileName = e.target.files[0].name;
        //save file name upload in session
        sessionStorage.setItem("upload_name", fileName);
        $("#uploaded-file").html(fileName).removeAttr('hidden');
        $("#submit-button").removeAttr('disabled');
        // alert('The file "' + fileName +  '" has been selected.');
    });
});
/* VALIDATION */
/****************
* Add Operation
***************/
/* if account type id is client (3) or supplier (9) .. dd_moveable is required */
$('.dd_account').change(function(){
    let currentAccountElement = $(this)
    let currentSupplierOrClientDropdown = currentAccountElement.parents('.card-body').find('.dd_moveable')
    let currentTaxDropdown = currentAccountElement.parents('.card-body').find('.dd_tax')
    let selectedAccoutTypeId = currentAccountElement.find('option:selected').attr('data-typeid')
    /* get the first option child */
    let firstOptionValue = $('.dd_tax').children(0).val()
     switch(parseInt(selectedAccoutTypeId)){
        case 3: // client
        case 9: // supplier
            $('.dd_tax').val(firstOptionValue).change();
            setTimeout(() => {
                $('.dd_tax').prop("disabled", true);
            }, 100); 
            currentTaxDropdown.prop('disabled', true)
            currentSupplierOrClientDropdown.prop('required', true)
        break;
        case 2: // bank
        case 11: // copyrights
            /* select first option child */
            $('.dd_tax').val(firstOptionValue).change();
            setTimeout(() => {
                $('.dd_tax').prop("disabled", true);
            }, 100);            
            currentTaxDropdown.prop('disabled', true)
        break;
        default:
            currentSupplierOrClientDropdown.prop('required', false)
            currentTaxDropdown.prop('disabled', false)
        break;
    }
})
/*********************
* XX Add Operation XX
********************/
/*****************
* Split Operation
*****************/
let SELECTED_CLIENT_SUPPLIER = 0;
function AccountSelected(accountsDropdown){
    let modalCard = $(accountsDropdown).parents('.card')
    let selectedType = $(modalCard).find('.dd_moveable option:selected').attr('data-typepay') // App\Client or // App\Supplier
    switch(selectedType.trim()){
        case "App\\Client":
            SELECTED_CLIENT_SUPPLIER = 3
        break;
        case 'App\\Supplier':
            SELECTED_CLIENT_SUPPLIER = 9
        break;
        SELECTED_CLIENT_SUPPLIER = 0
        default:
        break;
    }
}
function newAccountSelected(accountDropdown){
    let currentAccountElement = $(accountDropdown)
    let selectedAccoutTypeId = currentAccountElement.find('option:selected').attr('data-typeid')
    let firstOptionValue = $('.dd_account_split').children(0).val()
    /* check if selected type id is supplier or client */
    switch(parseInt(selectedAccoutTypeId)){
        case 3: // client
            if(SELECTED_CLIENT_SUPPLIER == 9){ // supplier
                alert("You can't choose a client account because you have select a 'Supplier' ")
                /* select the no select option */
                currentAccountElement.val(firstOptionValue).change()
            }
        break;
        case 9: // supplier
            if(SELECTED_CLIENT_SUPPLIER == 3){ // client
                alert("You can't choose a supplier account because you have select a 'Client' ")
                /* select the no select option */
                currentAccountElement.val(firstOptionValue).change()
            }
        break;
        default:
        break;
    }
}
/* if account type id is client (3) or supplier (9) .. dd_moveable is required */
$('.dd_account_split').change(function(){
    let currentAccountElement = $(this)
    let currentSupplierOrClientDropdown = currentAccountElement.parents('.card-body').find('.dd_moveable')
    let currentTaxDropdown = currentAccountElement.parents('.card-body').find('.dd_tax')
    let selectedAccoutTypeId = currentAccountElement.find('option:selected').attr('data-typeid')
    /* get the first option child */
    let firstOptionValue = $('.dd_tax').children(0).val()
     switch(parseInt(selectedAccoutTypeId)){
        case 3: // client
        case 9: // supplier
            $('.dd_tax').val(firstOptionValue).change();
            setTimeout(() => {
                $('.dd_tax').prop("disabled", true);
            }, 100); 
            currentTaxDropdown.prop('disabled', true)
            currentSupplierOrClientDropdown.prop('required', true)
        break;
        case 2: // bank
        case 11: // copyrights
            /* select first option child */
            $('.dd_tax').val(firstOptionValue).change();
            setTimeout(() => {
                $('.dd_tax').prop("disabled", true);
            }, 100);            
            currentTaxDropdown.prop('disabled', true)
        break;
        default:
            currentSupplierOrClientDropdown.prop('required', false)
            currentTaxDropdown.prop('disabled', false)
        break;
    }
})
/***********************
* XX Split Operation XX
***********************/
/**************************
* ُEdit Bank Success Message 
**************************/
$(document).ready(function(){
    /* hide success message */
    setTimeout(() => {
        $('.successMessage').addClass('d-none')
    }, 3000);
})
/********************************
* ُXX Edit Bank Success Message XX
********************************/

/***************************
 * Bank Transfer Validation
 ***************************/
 $("#bankTransferFrom").change(function(){
     let selectedBankFromValue = $("#bankTransferFrom").val()
     disableTransferBankTo(selectedBankFromValue)
 })
 $("#bankTransferTo").change(function(){
     let selectedBankToValue = $("#bankTransferTo").val()
     disableTransferBankFrom(selectedBankToValue)
     
    })
function disableTransferBankTo(bankId){
     $("#bankTransferTo").children().each(function(index, option){
        if (index != 0){

            if ($(option).val() == bankId){
                $(option).attr("disabled", true)
            } else {
                $(option).removeAttr("disabled")
                
            }
        }
    })

 }

 function disableTransferBankFrom(bankId){
    $("#bankTransferFrom").children().each(function(index, option){
        if (index != 0){

            if ($(option).val() == bankId){
                $(option).attr("disabled", true)
            } else {
                $(option).removeAttr("disabled")
                
            }
        }
    })

 }



/*********************************
 * XX Bank Transfer Validation XX
 *********************************

/***********************************
 * Show Transaction Description
***********************************/
/* function showTransactionDescription(descriptionIcon){
    let fullDescription = $(descriptionIcon).parent().find('.transaction-description').text()
    $('#popupTransactionDescription').text(fullDescription)
} */
</script>
@endsection