@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            $module == 'pos' ? __('breadcrumb.point_of_sale') : __('breadcrumb.warehouses') => '/warehouses/branches',
            __('breadcrumb.items') => route('tenant.' . $module . '.categories-and-items') . '?view=items',
            __('breadcrumb.item_card') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => $module . '.categories-and-items'])
@endsection

@section('style')
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.3.0/dist/css/tom-select.min.css" rel="stylesheet">

    <style>
        .trend-icon svg {
            width: 14px;
        }

        .in-trend-icon {
            fill: green;
        }

        .out-trend-icon {
            fill: red;
        }
    </style>
@endsection

@section('content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.items')" :link="'/' . $module . '/categories-and-items?view=items'" />

        <x-filter-form :title="'كرت المادة (' . $item->ar_name . ' - رقم: ' . $item->full_number . ')'" :link="route('tenant.' . $module . '.items.card', ['item' => $item->id])">
            <div class="row mb-3">
                <div class="col-3">
                    <label for="fiscal_year" class="form-label">@lang('warehouses/items/card.fiscal_year') :</label>
                    @php $selected_fiscal_year = (request()->fiscal_year)?? $current_year->id; @endphp
                    <select name="fiscal_year" id="fiscal_year">
                        <option value="*" {{ $selected_fiscal_year == '*' ? 'selected' : '' }}>@lang('general.all')
                        </option>
                        @foreach ($fiscal_years as $fiscal_year)
                            <option value="{{ $fiscal_year->id }}"
                                {{ $fiscal_year->id == $selected_fiscal_year ? 'selected' : '' }}>
                                {{ $fiscal_year->parseDateToCarbon('from')->year }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3">
                    <div class="mb-3">
                        <label for="from_date" class="form-label"> @lang('warehouses/items/card.date_from') : </label>
                        @php $from_date = (request()->from_date)?? $current_year->parseDateToCarbon('from')->format(config('app.date_format')); @endphp
                        <x-input-date identifier="from_date" name="from_date" :value="$from_date"></x-input-date>
                    </div>
                </div>

                <div class="col-3">
                    <div class="mb-3">
                        <label for="to_date" class="form-label">@lang('warehouses/items/card.date_to') : </label>
                        @php $to_date = (request()->to_date)?? $current_year->parseDateToCarbon('to')->format(config('app.date_format')); @endphp
                        <x-input-date identifier="to_date" name="to_date" :value="$to_date"></x-input-date>
                    </div>
                </div>

                <div class="col-3">
                    <label for="action_types">@lang('warehouses/items/card.movement_type') </label>
                    @php
                        $selected_action_types = request('action_types') ?? [];
                        $action_types = [
                            ['label' => 'سند الإدخال', 'value' => 'entry_bond'],
                            ['label' => 'سند الإخراج', 'value' => 'out_bond'],
                            ['label' => 'سند تحويل', 'value' => 'convert_bond'],
                            ['label' => 'سند تصنيع', 'value' => 'manufacturing_bond'],
                            ['label' => 'فاتورة شراء', 'value' => 'purchase_invoice'],
                            ['label' => 'فاتورة بيع', 'value' => 'sales_invoice'],
                            ['label' => 'مردود مشتريات', 'value' => 'returned_purchase_bond'],
                            ['label' => 'مردود مبيعات', 'value' => 'returned_sales_bond'],
                        ];
                    @endphp

                    <select name="action_types[]" id="action_types" multiple>
                        @foreach ($action_types as $action_type)
                            <option value="{{ $action_type['value'] }}"
                                {{ in_array($action_type['value'], $selected_action_types) ? 'selected' : '' }}>
                                {{ $action_type['label'] }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="row mb-2">
                <div class="col-3">
                    <label for="item_id">@lang('warehouses/items/card.item')</label>
                    @php $selected_item = (request('item_id'))?? $item->id; @endphp

                    <select name="item_id" id="item_id">
                        @foreach ($items as $general_item)
                            <option value="{{ $general_item->id }}"
                                {{ $selected_item == $general_item->id ? 'selected' : '' }}>
                                {{ $general_item->ar_name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3">
                    <label for="barcodes">@lang('warehouses/items/card.barcodes')</label>
                    @php $selected_barcodes = (request('barcodes'))?? []; @endphp

                    <select name="barcodes[]" id="barcodes" multiple>
                        @foreach ($item->barcodes as $barcode)
                            <option value="{{ $barcode->id }}"
                                {{ in_array($barcode->id, $selected_barcodes) ? 'selected' : '' }}>
                                {{ $barcode->ar_name . ' - ' . $barcode->number }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3">
                    <label for="branches">@lang('warehouses/items/card.branch_warehouse')</label>
                    @php $selected_branches = (request('branches'))?? []; @endphp

                    <select name="branches[]" id="branches" multiple>
                        @foreach ($branches as $branch)
                            <option value="{{ $branch->id }}"
                                {{ in_array($branch->id, $selected_branches) ? 'selected' : '' }}>
                                {{ $branch->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-3">
                    <div>
                        <label for="show_minus_sales">@lang('warehouses/items/card.show_negative_sales')</label>
                        @php $show_minus_sales = (request('show_minus_sales'))?? true; @endphp
                        <input type="hidden" name="show_minus_sales" value="0" checked>
                        <input type="checkbox" name="show_minus_sales" id="show_minus_sales" value="1"
                            class="custom-checkbox" {{ $show_minus_sales ? 'checked' : '' }}>
                    </div>

                    <div class="mt-2">
                        <label for="show_sub_units">@lang('warehouses/items/card.show_sub_units')</label>
                        @php $show_sub_units = (request('show_sub_units'))?? false; @endphp
                        <input type="hidden" name="show_sub_units" value="0" checked>
                        <input type="checkbox" name="show_sub_units" id="show_sub_units" value="1"
                            class="custom-checkbox" {{ $show_sub_units ? 'checked' : '' }}>
                    </div>
                </div>
            </div>
        </x-filter-form>

        <div class="auto-size-custom-table" id="print-card">
            <div class="dsip">
                <button class="btn orange-btn print-card">
                    <i class="fas fa-print"></i> @lang('general.print')
                </button>
            </div>

            <div class="sip">
                <div class="my-3">
                    <h3>@lang('warehouses/items/card.item_name') : {{ $item->ar_name }}</h3>
                </div>
                <div class="d-flex">
                    <p>
                        <span>@lang('warehouses/items/card.from_date')</span>
                        <b>{{ $from_date }}</b>
                    </p>
                    <p class="me-4">
                        <span>@lang('warehouses/items/card.to_date')</span>
                        <b>{{ $to_date }}</b>
                    </p>
                </div>
            </div>

            @if ($initial_balances)
                <div>
                    <span>@lang('warehouses/items/card.opening_quantity_balance') <b>{{ dn($initial_balances['quantity']) }}</b></span> <br>
                    <span>@lang('warehouses/items/card.opening_cost_balance') <b>{{ dn($initial_balances['cost']) }}</b></span>
                </div>
            @endif

            @php
                $initial_quantity_balance = $initial_balances['quantity'] ? (float) $initial_balances['quantity'] : 0;
                $initial_cost_balance = $initial_balances['cost'] ? (float) $initial_balances['cost'] : 0;
            @endphp
            <div class="report-container">
                <table class="table table-bordered table-striped mt-3 w-100">
                    <thead>
                        <tr>
                            <th class="xs-td">#</th>
                            <th class="md-td">@lang('warehouses/items/card.movement')</th>
                            <th class="md-td">@lang('warehouses/items/card.date')</th>
                            <th class="sm-td">@lang('warehouses/items/card.quantity_in')</th>
                            <th class="sm-td">@lang('warehouses/items/card.quantity_out') </th>
                            <th class="sm-td">@lang('warehouses/items/card.quantity_balance')</th>
                            <th class="sm-td">@lang('warehouses/items/card.unit')</th>
                            <th class="sm-td">@lang('warehouses/items/card.cost_per_unit')</th>
                            <th class="sm-td">@lang('warehouses/items/card.total_cost')</th>
                            <th class="sm-td">@lang('warehouses/items/card.cost_balance')</th>
                            <th class="sm-td">@lang('warehouses/items/card.selling_price_per_unit')</th>
                            <th class="sm-td">@lang('warehouses/items/card.total_selling_price')</th>
                            <th class="sm-td">@lang('warehouses/items/card.branch')</th>
                            <th class="md-td">@lang('warehouses/items/card.supplier_customer_name')</th>
                            <th class="md-td dsip">@lang('warehouses/items/card.posting_date')</th>
                            <th class="sm-td dsip">@lang('warehouses/items/card.view_bond')</th>
                        </tr>
                    </thead>

                    <tbody>
                        @php
                            $total_in_come_quantity = $total_out_come_quantity = $total_costs_sum = $total_prices_sum = 0;
                        @endphp

                        @forelse ($actions as $action)
                            @php
                                if ($show_sub_units && $action->barcode->unit->unit_id) {
                                    $action->quantity = $action->quantity * $action->barcode->unit->unit_count;
                                    $action->total = $action->cost;
                                    $action->cost = $action->cost / $action->barcode->unit->unit_count;
                                    $action->sales_price = $action->sales_price / $action->barcode->unit->unit_count;
                                }

                                $operation_sign = $action::DIRECTION == 'in' ? 1 : -1;
                                $initial_quantity_balance =
                                    $initial_quantity_balance + $operation_sign * $action->quantity;
                                $initial_cost_balance = $action->total
                                    ? $initial_cost_balance + $operation_sign * $action->total
                                    : null;

                                if ($action::DIRECTION == 'in') {
                                    $total_in_come_quantity = $total_in_come_quantity + $action->quantity;
                                }
                                if ($action::DIRECTION == 'out') {
                                    $total_out_come_quantity = $total_out_come_quantity + $action->quantity;
                                }

                                $total_costs_sum += $action->total ?? 0;
                                $total_prices_sum += $action->sales_price
                                    ? $action->sales_price * $action->quantity
                                    : 0;
                            @endphp

                            <tr>
                                <td class="xs-td">{{ $loop->iteration }}</td>
                                <td class="md-td">
                                    {{ $action->type_as_text }} -
                                    {{ $action->bond?->bond_number ?? $action->bond?->id ?? '---' }}
                                </td>
                                <td class="md-td">{{ $action->date }}</td>
                                <td class="sm-td">
                                    {{ $action::DIRECTION == 'in' ? dn($action->quantity) : '' }}
                                </td>
                                <td class="sm-td">
                                    {{ $action::DIRECTION == 'out' ? dn($action->quantity) : '' }}
                                </td>
                                <td class="sm-td">
                                    {{ dn($initial_quantity_balance) }}
                                </td>
                                <td class="sm-td">
                                    {{-- If the barcode unit is sub-unit --}}
                                    @if ($show_sub_units && $action->barcode->unit->unit_id)
                                        {{ $action->barcode->unit->parent_unit->name }}
                                    @else
                                        {{ $action->barcode->unit->name }}
                                    @endif
                                </td>
                                <td class="sm-td">{{ dn($action->cost) }}</td>
                                <td class="sm-td">{{ dn($action->total) }}</td>
                                <td class="sm-td">
                                    @if ($initial_cost_balance)
                                        {{ dn($initial_cost_balance) }}
                                    @else
                                        ---
                                    @endif
                                </td>
                                <td class="sm-td">
                                    {{ $action::DIRECTION == 'out' ? dn($action->sales_price) : '---' }}
                                </td>
                                <td class="sm-td">
                                    {{ $action::DIRECTION == 'out' && $action->sales_price != null ? dn($action->quantity * $action->sales_price) : '' }}
                                </td>
                                <td class="sm-td">{{ $action->branch?->name ?? '---'}}</td>
                                <td class="md-td">{{ $action->receivable_account_name }}</td>
                                <td class="md-td dsip">{{ $action->created_at }}</td>
                                <td class="sm-td dsip">
                                    <button class="btn btn-sm btn-outline-success rounded-pill batch-viewer-btn"
                                        data-batchAction="{{ $action::DIRECTION }}"
                                        data-minusAction="{{ $action::IS_MINUS }}" data-batchId="{{ $action?->id }}"
                                        data-batchType="{{ $action::DIRECTION == 'in' ? ($action->bond?->entry_bond_type ?? '---') : ($action->bond?->out_bond_type ?? '---') }}">
                                        @lang('general.show') <i class="fas fa-eye"></i>
                                    </button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="100%">@lang('warehouses/items/card.search_item_or_barcode')</td>
                            </tr>
                        @endforelse
                    </tbody>

                    <tfoot class="gray-tfoot">
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>{{ dn($total_in_come_quantity) }}</td>
                            <td>{{ dn($total_out_come_quantity) }}</td>
                            <td class="fw-bold">{{ dn($initial_quantity_balance) }}</td>
                            <td></td>
                            <td></td>
                            <td class="fw-bold">{{ dn($total_costs_sum) }}</td>
                            <td class="fw-bold">{{ dn($initial_cost_balance) }}</td>
                            <td></td>
                            <td class="fw-bold">{{ dn($total_prices_sum) }}</td>
                            <td></td>
                            <td></td>
                            <td class="dsip"></td>
                            <td class="dsip"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <div id="batch-bond-viewer"></div>
        </div>
    </div>
@endsection

@push('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';
        import {
            dn
        } from '/tenancy/assets/js/helpers.js';
        const fiscal_years = @json($fiscal_years);
        const barcodes = @json($barcodes);
        let current_show_bond = null;

        $(() => {
            $('#fiscal_year').on('change', function() {
                if ($(this).val() != '*') {
                    const year_info = fiscal_years.filter((year) => year.id == $(this).val())[0];

                    let from_date = year_info.from;
                    let to_date = year_info.to;
                    $('#from_date').val(from_date);
                    $('#to_date').val(to_date);
                } else {
                    let fist_year = fiscal_years[0];
                    let last_year = fiscal_years[fiscal_years.length - 1];
                    const form_date = fist_year.from;
                    const to_date = last_year.to;
                    $('#from_date').val(form_date);
                    $('#to_date').val(to_date);
                }
            });

            $('body').on('change', '#item_id', function() {
                const item_id = $(this).val();
                const item_barcodes = barcodes.filter((barcode) => barcode.item_id == item_id);
                let select_options = [];

                item_barcodes.forEach((item_barcode) => select_options.push({
                    text: item_barcode.ar_name + ' ' + item_barcode.number,
                    value: item_barcode.id,
                }));

                let selectize = $('#barcodes')[0].selectize;
                selectize.clear();
                selectize.clearOptions();
                selectize.load(function(callback) {
                    callback(select_options);
                });
            });

            $('.batch-viewer-btn').on('click', function() {
                const batch_action = $(this).attr('data-batchAction');
                const batch_id = $(this).attr('data-batchId');
                const batch_type = $(this).attr('data-batchType');
                const is_minus = $(this).attr('data-minusAction') ? 1 : 0;

                axios.get(`/warehouses/batches/${batch_action}/${batch_id}?is_minus=${is_minus}`).then((
                    response) => {
                    $('#batch-bond-viewer').html(response.data.view);
                    current_show_bond = batch_type;
                }).catch((error) => {
                    console.log(error);
                });
            });

            $('body').on('click', '.close-viewer-btn', function() {
                $('#batch-bond-viewer').html("");
            });

            $('body').on('click', '.print-bond-btn', function() {
                let target = (($('#printable-section').length > 0) ? $('#printable-section') : $(
                    '.printable-section').first()).clone();
                $(target).find('.bond-as-bond').css('display', 'block');
                $(target).find('.bond-as-entry').css('display', 'none');
                let title = null;
                switch (current_show_bond) {
                    case 'entry_bond':
                        title = 'سند إدخال';
                        break;
                    case 'out_bond':
                        title = 'سند إخراج';
                        break;
                    case 'manufacturing_bond':
                        title = 'سند تصنيع';
                        break;
                    case 'purchase_invoice':
                        title = 'فاتورة شراء';
                        break;
                    case 'sales_invoice':
                        title = 'فاتورة بيع';
                        break;
                    case 'returned_sales_bond':
                        title = 'سند مردود مبيعات';
                        break;
                    case 'returned_purchase_bond':
                        title = 'سند مردود مشتريات';
                        break;
                    default:
                        title = 'السند';
                        break;
                }

                const print_data = @json(Session::get('print_data'));
                let css_link = "/tenancy/assets/css/warehouses/printing/bonds.css";
                let options = {
                    size: 'portrait'
                };
                printSection.print(target, print_data, title, css_link, true, options);
            });

            $('body').on('click', '.print-bond-as-entry-btn', function() {
                let target = $('#printable-section').clone();
                $(target).find('.bond-as-bond').css('display', 'none');
                $(target).find('.bond-as-entry').css('display', 'block');
                let title = null;
                switch (current_show_bond) {
                    case 'entry_bond':
                        title = 'سند إدخال';
                        break;
                    case 'out_bond':
                        title = 'سند إخراج';
                        break;
                    case 'manufacturing_bond':
                        title = 'سند تصنيع';
                        break;
                    case 'purchase_invoice':
                        title = 'فاتورة شراء';
                        break;
                    case 'sales_invoice':
                        title = 'فاتورة بيع';
                        break;
                    case 'returned_sales_bond':
                        title = 'سند مردود مبيعات';
                        break;
                    case 'returned_purchase_bond':
                        title = 'سند مردود مشتريات';
                        break;
                    default:
                        title = 'السند';
                        break;
                }

                const print_data = @json(Session::get('print_data'));
                let css_link = "/tenancy/assets/css/warehouses/printing/bonds.css";
                let options = {
                    size: 'portrait'
                };
                printSection.print(target, print_data, title, css_link, true, options);
            });

            $('body').on('click', '.print-card', function() {
                $('table td').removeClass('md-td').addClass('sm-td');
                let target = $("#print-card").clone();
                let title = 'كرت المادة';
                const print_data = @json(Session::get('print_data'));
                const css_link = "/tenancy/assets/css/rentals/reports/monthly-revenues.css";

                printSection.print(target, print_data, title, css_link, true, {
                    size: "landscape",
                    font_size: "10px"
                });
            });
        });
    </script>
    {{-- add the tom-select library to delete the multiple select options --}}
    <script src="https://cdn.jsdelivr.net/npm/tom-select@2.3.0/dist/js/tom-select.complete.min.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const selectIds = ['#action_types' , '#barcodes' , '#branches'];
    
            selectIds.forEach(function(selectId) {
                new TomSelect(selectId, {
                    persist: false,
                    create: false,
                    plugins: ['remove_button'],
                    render: {
                        item: function (data, escape) {
                            return `<div>${escape(data.text)} </div>`;
                        }
                    }
                });
            });
        });
    </script>
@endpush