@extends('companyuser::layouts.master')
@section('title', __('inventory::warehouse.value_report.title'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/filter.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
@endsection
@push('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ url('assets/css/filter.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('assets/css/plugins/input-dropdown/input-dropdown.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url('assets/css/plugins/range/range.css') }}">
@endpush
@push('extra-scripts')
    <script src="{{ url('assets/js/plugins/range/balance-range.js') }}"></script>
    <script src="{{ url('assets/js/plugins/input-dropdown/input-dropdown.js') }}"></script>
@endpush
<style>
    .select2 {
        width: 100% !important;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
    }

    .table td,
    .table th {
        font-size: 0.8rem !important;
    }

    a.disabled-delete,
    a.disabled-delete:hover {
        background-color: #a7a7a7 !important;
        border-color: #a7a7a7 !important;
    }
</style>
@if (app()->getlocale() == 'en')
    <style>
        div.dataTables_filter {
            display: inline-block;
            width: 50%;
            vertical-align: middle;
            text-align: right;
        }
        #warehouse_value_report_table_filter {
            width: 100%;
        }
    </style>
@endif
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a>@lang('companyuser::sidebar.Inventory')</a></li>
                <li class="breadcrumb-item"><a href="{{ route('company.warehouse.index', ['subdomain' => $subdomain]) }}">@lang('companyuser::sidebar.Warehouse')</a></li>
                <li class="breadcrumb-item"><a href="{{ route('company.warehouse.value-report', ['subdomain' => $subdomain, 'warehouse' => $warehouse->id]) }}">@lang('inventory::warehouse.value_report.title')</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('company.warehouse.show', ['subdomain' => $subdomain, 'warehouse' => $warehouse->id]) }}">{{ $warehouse->title }}</a></li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <section>
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                @can('inventory.warehouse.export')
                <div class="mb-1 pull-left">
                    <a href="{{route('company.warehouse.value-report.export', array_merge(['subdomain' => $subdomain, 'warehouse' => $warehouse->id], request()->all()))}}" class="pull-left" title="@lang('reports::reports.download_excel')">
                        <span class="icon-Excel action-icon"></span>
                    </a>
                    <a href="{{route('company.warehouse.value-report.download-as-pdf', array_merge(['subdomain' => $subdomain, 'warehouse' => $warehouse->id], request()->all()))}}" class="pull-left" target="_blank" title="@lang('Download')">
                        <span class="icon-Pdf action-icon"></span>
                    </a>
                    <a href="{{route('company.warehouse.value-report.print', array_merge(['subdomain' => $subdomain, 'warehouse' => $warehouse->id], request()->all()))}}" class="pull-left" target="_blank" title="@lang('Print')">
                        <span class="icon-Print action-icon"></span>
                    </a>
                </div>
                @endcan
            </div>
            <div class="row mt-1">
                <div class="col-md-12 mb-2">
                    <div>
                        <button class="btn btn-primary w-100 filterbtn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
                            <div class="d-flex justify-content-between">
                                <span>@lang('Filter') </span><i class="fa fa-angle-down"></i>
                            </div>
                        </button>
                    </div>
                    <div class="collapse filter-collapse filter-section-collapse" id="collapseExample">
                        <form action="{{ route('company.warehouse.value-report', ['subdomain' => $subdomain, 'warehouse' => $warehouse->id]) }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                            <div class="card card-body mb-0">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-12 w-100-ipad-portrait">
                                                    <label for="products">@lang('inventory::warehouse.value_report.products')</label>
                                                </div>
                                                <div class="col-md-12 w-100-ipad-portrait mb-1">
                                                    <select name="product_id[]" id="products" multiple class="w-100 py-1 form-control select2-tag h-45" style="width:100%">
                                                        @foreach ($warehouse_products as $product)
                                                            <option value="{{ $product->product->id }}"
                                                                {{ (request('product_id') ?? []) && in_array($product->product->id, request('product_id')) ? 'selected' : '' }}>
                                                                {{ $product->product->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-12 w-100-ipad-portrait">
                                                    <label for="quantity">@lang('inventory::warehouse.value_report.quantity')</label>
                                                </div>
                                                <div class="col-md-12 w-100-ipad-portrait mb-1">
                                                    <div class="d-flex">
                                                        <select name="quantity_operator" class="form-control w-50 mr-1">
                                                            <option value="gt" {{ request('quantity_operator') == 'gt' ? 'selected' : '' }}>@lang('inventory::warehouse.value_report.greater_than')</option>
                                                            <option value="lt" {{ request('quantity_operator') == 'lt' ? 'selected' : '' }}>@lang('inventory::warehouse.value_report.less_than')</option>
                                                            <option value="eq" {{ request('quantity_operator') == 'eq' ? 'selected' : '' }}>@lang('inventory::warehouse.value_report.equal')</option>
                                                        </select>
                                                        <input type="number" name="quantity" id="quantity" class="form-control w-50" min="0" step="1" value="{{ request('quantity') }}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-left mt-2">
                                    <button type="submit" class="btn btn-info mr-1 mb-1 p-5">
                                        <img src="{{ asset('assets/images/Done.png') }}" alt="done" width="35px">
                                    </button>
                                    <button type="reset" id="reset" class="btn btn-warning mb-1 p-5">
                                        <span class="icon-Delete f-32"></span>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            @include('companyuser::errors.all')
            @include('companyuser::errors.lists')
            <div>
                <section id="configuration">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="card">
                                <div class="card-body collapse in">
                                    <table class="table table-striped table-responsive" style="width:100%;display: inline-table;border-collapse: collapse !important;" id="warehouse_value_report_table">
                                        <thead>
                                            <tr>
                                                <th>@lang('inventory::warehouse.value_report.code')</th>
                                                <th>@lang('inventory::warehouse.value_report.product_name')</th>
                                                <th>@lang('inventory::warehouse.value_report.total_quantity')</th>
                                                <th>@lang('inventory::warehouse.value_report.selling_price')</th>
                                                <th>@lang('inventory::warehouse.value_report.average_buy_price')</th>
                                                <th>@lang('inventory::warehouse.value_report.expected_sales_total_price')</th>
                                                <th>@lang('inventory::warehouse.value_report.total_buy_price')</th>
                                                <th>@lang('inventory::warehouse.value_report.expected_profit')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_inventory_warehouse_value_report');
        const appLang = "{{ app()->getLocale() }}";
        const loggedInUserId = {{ auth()->id() }};

        document.addEventListener('DOMContentLoaded', function () {
            $(function () {
                // Reset filter fields
                $('#reset').on('click', function (e) {
                    e.preventDefault();
                    $('input.form-control').val("");
                    $('.select2-tag').val("").trigger('change');
                });

                // DataTable init
                $('#warehouse_value_report_table').DataTable({
                    processing: true,
                    serverSide: true,
                    searching: false,
                    ajax: {
                        url: "{{ route('company.warehouse.value-report', ['subdomain' => $subdomain, 'warehouse' => $warehouse->id]) }}",
                        data: {!! json_encode(request()->all()) !!},
                        responsive: true,
                        ordering: true,
                        paging: true,
                        dataSrc: function (json) {
                            return json.data;
                        }
                    },
                    columns: [
                        {data: "identifier"},
                        {data: "name"},
                        {data: "total_quantity"},
                        {data: "selling_price"},
                        {data: "average_buy_price"},
                        {data: "expected_sales_total_price"},
                        {data: "total_buy_price"},
                        {data: "expected_profit"}
                    ],
                    columnDefs: [
                        { orderable: false, targets: [7] }
                    ],
                    @if (App::isLocale('ar'))
                        language: {
                            url: "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                        },
                    @endif
                });
            });
        });
    </script>
@endsection