@extends('layouts.master')

@section('title', 'Show Entry | Alboosh - Timeless authenticity, born of the desert')

@section('title-topbar', __('basic.show entry'))

<!-- css insert -->
@section('css')

<!-- select 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css"
    integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- boostrap datepicker -->
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css" />

@endsection

@section('fixedcontent')
<!-- session successful message -->
@if (Session::has('success'))
<div id="flash-msg" class="shadow pt-3">
    <div class="d-flex justify-content-between mb-2">
        <i class="fas fs-1 fa-check"></i>
        <a id="flash-msg-btn" class="text-blue-300 clickable-item-pointer"><i class="fas fa-times"></i></a>
    </div>
    <h3>Sent Successfully</h3>
    <p class="text-blue-300">{{ Session::get('success') }}</p>
</div>
@endif
@endsection

<!-- content insert -->
@section('content')

<div class="container-fluid px-0 px-md-2 mt-3">

    <!-- page title link -->
    <div class="d-sm-flex align-items-center justify-content-between mb-3">
        <span class="mb-0 hide_in_print">
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.home') }}">{{ __('basic.dashboard') }}
                |</a>
            <a class="link-cust-text text-gray-200 fw-light" href="{{ route('sett.acc_entry.index') }}">{{
                __('basic.entries') }} | </a>
            <a class="text-gray-300">{{ __('basic.new entry') }}</a>
        </span>

        @role('Super-admin|Accountant-manager')
        <div class="hide_in_print">
            <a target="_blank" title="delete" data-effect="effect-scale" data-bs-toggle="modal"
                data-bs-target="#delete_modal" class="btn btn-danger text-xs shadow-sm b-r-l-cont p-2 px-4 me-1"><i
                    class="fas fa-trash-alt me-1"></i> {{ __('basic.delete') }}</a>

            <a class="main-color-bg btn btn-sm shadow-sm b-r-l-cont p-2 px-4 text-blue-200 printPage"><i
                    class="fas fa-print fa-sm text-blue-200 me-1"></i> {{ __('basic.print') }}</a>
        </div>
        @endrole

    </div>

    @foreach ($errors->all() as $error)
    <div class="text-red"><i class="fas fa-exclamation me-1"></i> {{ $error }}</div>
    @endforeach



    <div class="card card-input shadow mb-3 pb-3">

        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-light text-gray-500"><i class="fas fa-receipt me-1"></i>
                {{ __('basic.entry number')}}: <span class="fw-bold">{{ $entry->new_id }}</span></h6>
            <h6 class="m-0 fw-light text-gray-500"><i class="fas fa-receipt me-1"></i>
                {{ __('basic.code')}}: <span class="fw-bold">{{ $entry->code }}</span></h6>
            <h6 class="m-0 fw-light text-gray-500"><i class="fas fa-calendar me-1"></i>
                {{ __('basic.date')}}: <span class="fw-bold">{{ $entry->date }}</span></h6>
        </div>

        <!-- Card Body -->
        <div class="card-body px-4 px-md-5">

            <div class="d-flex justify-content-between mb-3">
                <h5 class="text-gray-400">
                    {{ __('basic.journal entry') }}: <span class="text-gray-900">#{{ $entry->new_id }}</span>
                </h5>

                <div class="d-flex align-items-center">
                    @foreach ($entry->items as $item)

                    <a href="{{ route('sett.chart_of_accounts_show', $item->acc_account_id) }}">
                        <div
                            class="status-col-link not_accepted-color-btn b-r-l-cont p-2 px-4 me-2 clickable-item-pointer">
                            {{ $item->account->name }}
                        </div>
                    </a>

                    @if(!$loop->last OR $item->type == 1)
                    <i class="fas fa-long-arrow-alt-right text-gray-400 me-2"></i>
                    @endif

                    @endforeach

                </div>

                <div>
                    <h5 class="text-gray-400">
                        {{ __('basic.code') }}: <span class="text-gray-900">#{{ $entry->code }}</span>
                    </h5>
                    @if($entry->currency_rate)
                    <h6 class="text-gray-400">
                        {{ __('basic.currency') }}: <span class="text-gray-900">{{ $entry->currency->code }}</span>
                    </h6>
                    <h6 class="text-gray-400">
                        {{ __('basic.exchange rate') }}: <span class="text-gray-900">{{ $entry->currency_rate }}</span>
                    </h6>
                    @endif
                </div>

            </div>

            <div class="overflow-scroll">

                <div class="table-responsive">

                    <table class="table table-modal table_normal  display" id="table-machine-totals-cat" width="100%"
                        cellspacing="0">
                        <thead>
                            <tr>
                                <th class="text-xs text-start" colspan="2">{{ __('basic.account') }}</th>
                                <th class="text-xs text-center">{{ __('basic.description') }}</th>
                                <th class="text-xs text-center">{{ __('basic.debit') }}</th>
                                <th class="text-xs text-center">{{ __('basic.credit') }}</th>
                                @if($entry->currency_rate)
                                <th class="text-xs text-center">{{ __('basic.local debit') }}</th>
                                <th class="text-xs text-center">{{ __('basic.local credit') }}</th>
                                @endif
                            </tr>
                        </thead>

                        <tfoot>
                            <tr>
                                <th colspan="3" class="text-center fw-bold text-s">{{ __('basic.total') }}
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $entry->total_amount }}
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $entry->total_amount }}
                                </th>
                                @if($entry->currency_rate)
                                <th class="text-center fw-bold text-s2">
                                    {{ $entry->total_amount_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $entry->total_amount_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </th>
                                @endif
                            </tr>
                        </tfoot>

                        <tbody>
                            @foreach ($entry->items as $item)
                            <tr>
                                <td class="text-start text-truncate">
                                    {{ $item->account->code }}
                                </td>
                                <td class="text-start text-truncate">
                                    {{ $item->account->name }}
                                </td>
                                <td class="text-center text-truncate">
                                    {{ $item->description }}
                                </td>
                                <td class="text-center text-truncate">
                                    {{ $item->debit }} <small class="text-gray-300 text-xxxs">
                                        {{ $item->currency->code }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    {{ $item->credit }} <small class="text-gray-300 text-xxxs">
                                        {{ $item->currency->code }}
                                    </small>
                                </td>
                                @if($entry->currency_rate)
                                <td class="text-center text-truncate">
                                    {{ $item->debit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    {{ $item->credit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </td>
                                @endif
                            </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>

            </div>
        </div>

    </div>


    @if($entry->cost_center)


    @foreach ($entry->cost_center as $item)
    <div class="card card-input shadow mb-3 pb-3">

        <!-- Card Header - Dropdown -->
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 fw-light text-gray-500"><i class="fas fa-receipt me-1"></i>
                {{ __('basic.cost center')}}: <span class="fw-bold">{{ $item->new_id }}</span></h6>
            <h6 class="m-0 fw-light text-gray-500"><i class="fas fa-receipt me-1"></i>
                {{ __('basic.account name')}}: <span class="fw-bold">{{ $item->account->name }}</span></h6>
        </div>

        <!-- Card Body -->
        <div class="card-body px-4 px-md-5">

            <div class="d-flex justify-content-between mb-3">
                <div class="d-flex align-items-center">
                    <div class="d-flex align-items-center">
                        <h6 class="me-2">
                            {{ __('basic.account name')}}:
                        </h6>
                        <a href="{{ route('sett.chart_of_accounts_show', $item->acc_account_id) }}">
                            <div
                                class="status-col-link not_accepted-color-btn b-r-l-cont p-2 px-4 me-2 clickable-item-pointer">
                                {{ $item->account->name }}
                            </div>
                        </a>
                    </div>

                </div>

                <div>
                    <h5 class="text-gray-400">
                        {{ __('basic.code') }}: <span class="text-gray-900">#{{ $item->code }}</span>
                    </h5>
                    @if($entry->currency_rate)
                    <h6 class="text-gray-400">
                        {{ __('basic.currency') }}: <span class="text-gray-900">{{ $entry->currency->code }}</span>
                    </h6>
                    <h6 class="text-gray-400">
                        {{ __('basic.exchange rate') }}: <span class="text-gray-900">{{ $entry->currency_rate }}</span>
                    </h6>
                    @endif
                </div>

            </div>

            <div class="overflow-scroll">

                <div class="table-responsive">

                    <table class="table table-modal table_normal  display" id="table-machine-totals-cat" width="100%"
                        cellspacing="0">
                        <thead>
                            <tr>
                                <th class="text-xs text-start" colspan="2">{{ __('basic.account') }}</th>
                                <th class="text-xs text-center">{{ __('basic.description') }}</th>
                                <th class="text-xs text-center">{{ __('basic.debit') }}</th>
                                <th class="text-xs text-center">{{ __('basic.credit') }}</th>
                                @if($entry->currency_rate)
                                <th class="text-xs text-center">{{ __('basic.local debit') }}</th>
                                <th class="text-xs text-center">{{ __('basic.local credit') }}</th>
                                @endif
                                <th class="text-xs text-center">{{ __('basic.percentage') }}</th>
                            </tr>
                        </thead>

                        <tfoot>
                            <tr>
                                <th colspan="3" class="text-center fw-bold text-s">{{ __('basic.total') }}
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $item->debit }}
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $item->credit }}
                                </th>
                                @if($item->currency_rate)
                                <th class="text-center fw-bold text-s2">
                                    {{ $item->debit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </th>
                                <th class="text-center fw-bold text-s2">
                                    {{ $item->debit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </th>
                                @endif
                                <th class="text-center fw-bold text-s2">
                                    {{ $item->percentage }}%
                                </th>
                            </tr>
                        </tfoot>

                        <tbody>
                            <tr>
                                <td class="text-start text-truncate">
                                    {{ $item->cost_center->code }}
                                </td>
                                <td class="text-start text-truncate">
                                    {{ $item->cost_center->name }}
                                </td>
                                <td class="text-center text-truncate">
                                    {{ $item->Description }}
                                </td>
                                <td class="text-center text-truncate">
                                    {{ $item->debit }} <small class="text-gray-300 text-xxxs">
                                        {{ $item->currency->code }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    {{ $item->credit }} <small class="text-gray-300 text-xxxs">
                                        {{ $item->currency->code }}
                                    </small>
                                </td>
                                @if($entry->currency_rate)
                                <td class="text-center text-truncate">
                                    {{ $item->debit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </td>
                                <td class="text-center">
                                    {{ $item->credit_local }} <small class="text-gray-300 text-xxxs">
                                        {{ $system_currency->code }}
                                    </small>
                                </td>
                                @endif
                                <td class="text-center">
                                    {{ $item->percentage }}%
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>

    </div>

    @endforeach


    @endif




</div>


@role('Super-admin|Accountant-manager')
<!-- Modal -->
<div class="modal fade" id="delete_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">
        <div class="modal-content b-r-s-cont border-0">

            <div class="modal-header">
                <div class="modal-title" id="exampleModalLabel"><i class="fas fa-trash me-1"></i>
                    {{ __('basic.delete') }}</div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <form action="{{ route('sett.acc_entry.destroy', 'test') }}" method="post">
                {{ method_field('delete') }}
                {{ csrf_field() }}

                <!-- Modal content -->
                <div class="modal-body px-4">

                    <div class="modal-body delete-conf-input text-center py-0">
                        <p class="mb-0">{{ __('basic.delete message') }}</p><br>
                        <input type="hidden" name="entry_id" value="{{ $entry->id }}">
                    </div>
                </div>

                <div class="modal-footer">
                    <div class="left-side">
                        <button type="button" class="btn btn-default btn-link" data-bs-dismiss="modal">{{
                            __('basic.never mind') }}</button>
                    </div>
                    <div class="divider"></div>
                    <div class="right-side">
                        <button type="submit" class="btn btn-default btn-link text-red">{{
                            __('basic.delete') }}
                        </button>
                    </div>

                </div>
            </form>

        </div>
    </div>
</div>
@endrole

@endsection

<!-- js insert -->
@section('js')


<!-- select 2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"
    integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    $(document).ready(function() {
            $('.js-example-basic-single').select2();
            //hide search
            $('.select2-no-search').select2({
                minimumResultsForSearch: -1
            });
        });
</script>

<!-- jquery ui datepicker -->
<script type="text/javascript"
    src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
    $(function() {
            $('.hasdatetimepicker').datepicker({
                todayHighlight: true,
                format: "yyyy-mm-dd",
            }).on('change', function(){
                $('.datepicker').hide();
            });;
        });
</script>

<!-- validate jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
    integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<script>
    $('.printPage').click(function(){
           window.print();
           return false;
});
</script>
@endsection