@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="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 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" @endif>
                                        <th>@if($move->moveable!= null){{ $move->type() }}@endif <span
                                                class="co-name">{{ optional($move->moveable)->company_name }}</span>
                                        </th>
                                        <td>{{ $move->date }}</td>
                                        <td class="row" style="width: 90%">
                                            <p class="transaction-description" style="  text-overflow: ellipsis;  overflow: hidden;   width: 15ch;  white-space: nowrap; ">{{ substr($move->description ,0,50) }}</p>
                                            <i class="mdi mdi-information-outline mdi-18px popup-form" href="#transactionDescription{{ $index }}" title="Show full description">
                                        </td>
                                        <td class="bg-primary text-white" style="width: 100px; white-space: normal">{{ $move->bank->name }}</td>
                                        <td>@if($move->tax){{ optional($move->tax)->name .' (' . optional($move->tax)->percentage .')'}}@endif
                                        </td>
                                        <td>{{@$move->account->name}}</td>

                                        <td>@if($move->amount_type =='spent') {{ $move->amount }}$@endif</td>
                                        <td>@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)
                                                <form method="GET"
                                                action="{{ route('dashboard.banks.show',$move->id) }}">
                                                <button type="submit" class="btn border-0 bg-transparent">
                                                    <i class="mdi mdi-source-fork mdi-16px"></i>
                                                    {{-- @lang('dashboard_banks.show_split') --}}
                                                </button>
                                              </form>                                            
                                                 @endif
                                                  {{-- @elseif ($move->parent!=0)
                                                  <form method="GET"
                                                  action="{{ route('dashboard.banks.show',$move->id) }}">
                                                  <button type="submit" class="btn btn-primary">@lang('dashboard_banks.show_main')</button>
                                                </form>                                                 
                                                 @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="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="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>

                                                <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" class="btn btn-primary mt-2" title="Download">@lang('buttons.download')</button>
                                                                </form>
                                                            </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 -->

</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
********************************/

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

} */

/* Hide alert message after 5 seconds */
const ALERT_DURATION = 5000; // 5 seconds
setTimeout(() => {
    $('.alert').addClass('d-none')
}, ALERT_DURATION);

</script>
@endsection