@extends('dashboard.components.main')
@section('content')
<!-- SPLASH SCREEN -->
<!-- SPLASH SCREEN -->
<div class="position-absolute w-100 h-100" id="splashScreen" style="z-index: 1000003 !important; top:0; left:0; margin: 0 auto; background: rgba(255,255,255,0.99)">
    <img style="width: 300px; height: 300px;margin-left: calc(50vw - 150px);margin-right: calc(50vw - 150px);margin-top: calc(50vh - 150px);" src="{{ asset('/main_site/img/logo-svg.svg') }}" alt="">
</div>
    <!-- ============================================================== -->
    <!-- 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>
                <!-- 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="from">
                                            <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="to">
                                            <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>

                <!-- Clients Card -->
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title mb-4">@lang('dashboard_clients.for_client')</h4>
                        <div class="row">
                                {{-- <a class="popup-form  btn btn-primary mx-1 my-1"
                                    href="#edittrans">@lang('dashboard_clients.record_transaction') </a> --}}
                                    <div class="card mfp-hide mfp-popup-form mx-auto" id="edittrans">
                                        <div class="card-body">
                                            <h4 class="mt-0 mb-4">@lang('dashboard_clients.Action_on_transaction')</h4>
                                            <form>
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label class="control-label">@lang('dashboard_clients.type')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.account_type')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">credit card</option>
                                                                    <option value="HI">@lang('dashboard_clients.else')
                                                                    <option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-group">
                                                            <label
                                                                class="control-label">@lang('dashboard_clients.department')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.choose_department')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">@lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">@lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.tax_code')</label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.c_tax_code')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">@lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">@lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.comparison') ( class )
                                                            </label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.choose_comparison')</option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">@lang('dashboard_clients.department_1')
                                                                    </option>
                                                                    <option value="HI">@lang('dashboard_clients.department_2')
                                                                    </option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label for="subject">@lang('dashboard_clients.add_location') </label>
                                                            <select class="form-control select2">
                                                                <option>@lang('dashboard_clients.add_location') </option>
                                                                <optgroup label="Alaskan/Hawaiian Time Zone">
                                                                    <option value="AK">@lang('dashboard_clients.saudi')</option>
                                                                    <option value="HI">@lang('dashboard_clients.egypt')</option>
                                                                </optgroup>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-12">
                                                        <div class="form-group">
                                                            <label
                                                                for="subject">@lang('dashboard_clients.explanatory_points')</label>
                                                            <textarea class="form-control" id="subject" rows="3"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                        <label class="control-label">@lang('dashboard_clients.upload_file')</label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input" id="customFile">
                                                            <label class="custom-file-label"
                                                                for="customFile">@lang('dashboard_clients.choose_file')</label>
                                                        </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('dashboard_clients.execution')</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <a class="btn btn-primary mx-1 my-1" href="{{ route('dashboard.invoices.create') }}">
                                        @lang('dashboard_clients.invoice_registration')</a>
                                        <a class="btn btn-primary mx-1 my-1" href="{{ route('dashboard.clients.addvouchercash') }}">
                                        @lang('dashboard_clients.register_cash') </a>
                                    {{-- priceoffer --}}
                                        <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.priceoffer.add')}}">@lang('dashboard_clients.register_quote')</a>
                                        {{-- Advance payment --}}
                                    <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.advance.payment.index')}}">@lang('dashboard_clients.payment_registration')</a>
                                        <a class="btn btn-primary mx-1 my-1" href="{{route('dashboard.clients.sellorder')}}">
                                        @lang('dashboard_clients.register_order')</a>
                                        <a class="btn btn-primary mx-1 my-1" href="{{route('dashboard.clients.refundclient')}}">
                                        @lang('dashboard_clients.register_refund')</a>
                                        <a class="btn btn-primary mx-1 my-1" href="{{route('dashboard.clients.noticedebt')}}">
                                        @lang('dashboard_clients.registering_credit')</a>
                                    {{-- <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.clients.cloneinvoice')}}">@lang('dashboard_clients.duplicate_invoice') </a> --}}
                                    <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.clients.payinvoice')}}">@lang('dashboard_clients.pay_invoice')</a>
                            

                                    <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.invoices.edit')}}">@lang('dashboard_clients.edit_invoice') </a>

                        
                                    </div>
                        </div>
                    </div>   
                    {{-- suppliers --}}
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title mb-4">@lang('dashboard_suppliers.for_supplier')</h4>
                        <a class="btn btn-primary mx-1 my-1"
                                href="{{ route('dashboard.suppliers.invoices.create') }}">@lang('dashboard_suppliers.invoice_registration')
                            </a>
                            <a class="btn btn-primary mx-1 my-1"
                        href="{{route('dashboard.suppliers.addcashexpense')}}">@lang('dashboard_suppliers.Register_cash')
                            </a>
                            <a class="btn btn-primary mx-1 my-1"
                                href="{{route('dashboard.suppliers.regcheck')}}">@lang('dashboard_suppliers.Register_check')</a>
                            <a class="btn btn-primary mx-1 my-1"
                                href="{{route('dashboard.suppliers.buyorder')}}">@lang('dashboard_suppliers.Register_purchase')</a>
                            <a class="btn btn-primary mx-1 my-1"
                                href="{{ route('dashboard.suppliers.advance.payment.index') }}">@lang('dashboard_suppliers.payment_registration')</a>
                                <a class="btn btn-primary mx-1 my-1"
                                href="{{route('dashboard.suppliers.refundsupplier')}}">@lang('dashboard_suppliers.register_refund')</a>
                            <a class="btn btn-primary mx-1 my-1"
                            href="{{route('dashboard.suppliers.noticedebtsupplier')}}">@lang('dashboard_suppliers.registering_credit')</a>
                            {{-- <a class="btn btn-primary mx-1 my-1"
                            href="{{route('dashboard.suppliers.cloneinvoice')}}">@lang('dashboard_suppliers.duplicate_invoice') </a> --}}
                            <a class="btn btn-primary mx-1 my-1"
                            href="{{route('dashboard.suppliers.invoices.edit')}}">@lang('dashboard_clients.edit_invoice') </a>
                        
                        
                         <a class="btn btn-primary mx-1 my-1"
                                        href="{{route('dashboard.suppliers.invoices.pay')}}">@lang('dashboard_clients.pay_invoice')</a>
                            
                        </div>
                </div>
        </div>
@endsection
@section('custom_script')
<script>
/****************
 * Splash Screen
 ***************/
const SPLASH_SCREEN_DURATION= 5000
    let isFirstTime = localStorage.getItem('firstTimeEnterDashboard')
    if (isFirstTime == null || isFirstTime == 'true'){
        console.log("First Time Dashboard");
        /* show splash screen */
        setTimeout(() => {
            $('#splashScreen').removeClass('d-none')
        }, 1000);
        $('#splashScreen img').addClass('animate__animated animate__flipInY animate__delay-1s')
        window.scroll(0,0)
        $('body').css('overflow', 'hidden')
        /* hide splash after 2 seconds */
        setTimeout(() => {
            localStorage.setItem('firstTimeEnterDashboard', 'false')
            $('#splashScreen').addClass('d-none')
            $('body').css('overflow', 'auto')

        }, SPLASH_SCREEN_DURATION);
    } else {
        /* if not the first time to enter the page */
        // $('#splashScreen').removeClass('d-flex')
        $('body').css('overflow', 'auto')
        $('#splashScreen').addClass('d-none')
    }
/**********************
 * XX Splash Screen XX
 *********************/
</script>
@endsection