@extends('companyuser::layouts.master')
@section('title', __('companyuser::sidebar.Warehouse'))
@section('extra-styles')
    <link rel="stylesheet" href="{{ asset('assets/css/filter.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/style-svgFont.css') }}">
    <script src="{{ asset('js/app.js') }}" defer></script>
@endsection
{{-- didnt read --}}
@push('extra-styles')
    <link rel="stylesheet" href="{{ url('assets/css/filter.css') }}">
    <link rel="stylesheet" href="{{ url('assets/css/plugins/input-dropdown/input-dropdown.css') }}">
    <link rel="stylesheet" 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;
        }

        #warehouses_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 active"><a href="#">@lang('companyuser::sidebar.Warehouse')</a></li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
@if (checkAddonAvailability(request()->get('tenant_current_subscription')->id, \Modules\Tenant\Enums\SystemAddonEnum::INVENTORY_MODULE))
    <section>
        <div class="container-fluid">
            <div class="headBtns mx-1 fixed-btns">
                <div class="btn-group pull-right">
                    @can('inventory.warehouse.create')
                        {{-- <a class="text-green pull-left" href="#" title="{{ __('Import') }}">
                            <span class="icon-Import-New action-icon rot"></span>
                        </a> --}}
                        <a class="text-green" href="{{ route('company.warehouse.create', $subdomain) }}"
                            title="@lang('Add')">
                            <span class="icon-Add action-icon"></span>
                        </a>
                    @endcan

                </div>
                @can('inventory.warehouse.export')
                <div class="mb-1 pull-left">
                    <a href="{{route('company.warehouse.export', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{ !count($warehouses) ? 'disabled' : '' }} pull-left" title="@lang('reports::reports.download_excel')">
                        <span class="icon-Excel action-icon"></span>
                    </a>
                    <a href="{{route('company.warehouse.exporting-pdf', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($warehouses) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.Download_Pdf')">
                        <span class="icon-Pdf action-icon"></span>
                    </a>
                    <a href="{{route('company.warehouse.print-warehouses-list', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{ !count($warehouses) ? 'disabled' : '' }} 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.index', ['subdomain' => $subdomain]) }}" 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="category">@lang('inventory::warehouse.name')</label>
                                                </div>
                                                <div class="col-md-12 w-100-ipad-portrait mb-1">
                                                    <input type="text" name="warehouse_name" id="warehouse_name" value="{{ request('warehouse_name') }}" class="w-100 form-control h-45 @if ($errors->has('warehouse_name')) is-invalid @endif">
                                                    @error('warehouse_name')
                                                        <span class="invalid-feedback text text-danger" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                    @enderror
                                                </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="category">@lang('inventory::warehouse.created_by')</label>
                                                </div>
                                                <div class="col-md-12 w-100-ipad-portrait mb-1">
                                                    <select name="created_by"
                                                        class="w-100 py-1 form-control select2-tag h-45" style="width:100%">
                                                        <option value="">{{ __('All') }}</option>
                                                        @foreach ($users as $user)
                                                            <option value="{{ $user->id }}"
                                                                {{ request('created_by') == $user->id ? 'selected' : '' }}>
                                                                {{ $user->uname }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="col-md-12 w-100-ipad-portrait pl-0 ml-0">
                                            <label for="cost_center_id" style="font-size: 13px;">@lang('products::cost_center.Cost Center')</label>
                                        </div>
                                        <div class="col-md-12 w-100-ipad-portrait ml-0 pl-0 padd0">
                                            <select name="cost_center_id" id="cost_center_id"
                                                class="w-100 py-1 form-control select2-tag h-45" style="width: 100%">
                                                <option value="">{{ __('All') }}</option>
                                                <option @if (request('cost_center_id') == 'main_center') selected @endif
                                                    value="main_center">{{ __('products::cost_center.main center') }}
                                                </option>
                                                @foreach ($costCenters as $costCenter)
                                                    @if ($costCenter->parent_id)
                                                        <option @if (request('cost_center_id') == $costCenter->id) selected @endif
                                                            value="{{ $costCenter->id }}">{{ $costCenter->code }}
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                    @else
                                                        <option @if (request('cost_center_id') == $costCenter->id) selected @endif
                                                            value="{{ $costCenter->id }}">{{ $costCenter->code }} -
                                                            {{ app()->getLocale() == 'ar' ? $costCenter->name_ar : $costCenter->name_en }}
                                                        </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </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="category">@lang('sales::invoices.Date')</label>
                                                </div>
                                                <div class="col-md-6 w-50-ipad-portrait mb-half">
                                                    <x-date-picker 
                                                        name="date_from" 
                                                        :value="request('date_from')"
                                                        input-class="h-45 singledate"
                                                        :is-invalid="$errors->has('date_from')"
                                                    />
                                                    @error('date_from')
                                                        <div class="invalid-feedback text text-danger w-100 d-block"
                                                            role="alert">
                                                            <p>{{ $message }}</p>
                                                        </div>
                                                    @enderror
                                                </div>

                                                <div class="col-md-6 w-50-ipad-portrait mb-half">
                                                    <x-date-picker 
                                                        name="date_to" 
                                                        :value="request('date_to')"
                                                        input-class="h-45 singledate"
                                                        :is-invalid="$errors->has('date_to')"
                                                        :min-date="request('date_from')"
                                                    />
                                                    @error('date_to')
                                                        <div class="invalid-feedback text text-danger w-100 d-block"
                                                            role="alert">
                                                            <p>{{ $message }}</p>
                                                        </div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <label for="status">@lang('sales::customers.Status')</label>
                                            </div>
                                            <div class="col-md-12">
                                                <select name="status" id="status"
                                                    class="w-100 py-1 form-control h-45">
                                                    <option value="" {{ !request('status') ? 'selected' : '' }}>
                                                        @lang('All')</option>

                                                    @foreach (\Modules\Inventory\Enums\WarehouseStatusEnum::STATUS_MAPPING as $status)
                                                        <option value="{{ $status }}"
                                                            {{ request('status') == $status ? 'selected' : '' }}>
                                                            {{ \Modules\Inventory\Enums\WarehouseStatusEnum::toString($status) }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </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="main_warehouse">@lang('inventory::warehouse.parent')</label>
                                                </div>
                                                <div class="col-md-12 w-100-ipad-portrait mb-1">
                                                    <select name="main_warehouse"
                                                        class="w-100 py-1 form-control select2-tag h-45"
                                                        style="width:100%">
                                                        @if (auth()->user()->adjustRolesLikeOwnerPermissions())
                                                            <option value="">{{ __('All') }}</option>
                                                        @endif
                                                        @foreach ($warehouses as $warehouse)
                                                            <option value="{{ $warehouse->id }}"
                                                                {{ request('main_warehouse') == $warehouse->id ? 'selected' : '' }}>
                                                                {{ $warehouse['title_' . app()->getLocale()] }}</option>
                                                        @endforeach
                                                    </select>
                                                </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="warehouses_table">
                                        <thead>
                                            <tr>
                                                <th>@lang('inventory::warehouse.name')</th>
                                                <th>@lang('inventory::warehouse.is_main')</th>
                                                <th>@lang('inventory::warehouse.parent')</th>
                                                <th>@lang('inventory::warehouse.cost_center')</th>
                                                <th>@lang('inventory::warehouse.accounts')</th>
                                                <th>@lang('inventory::warehouse.status')</th>
                                                <th>@lang('inventory::warehouse.created_by')</th>
                                                <th>@lang('inventory::warehouse.created_at')</th>
                                                <th>@lang('Actions')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- -------------- popup for warehouse deletion ----------------------------- --}}
                    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title" id="deleteModalLabel">@lang('Delete')</h4>
                                </div>
                                <div class="modal-body">
                                    <p> @lang('Are You Sure to delete this?')</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('No')</button>
                                    <span class="pull-right">
                                        <form id="delete-form" action="" method="POST" class="form">
                                            @csrf
                                            @method('delete')
                                            <button type="submit" class="btn btn-primary">@lang('Yes')</button>
                                        </form>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- -------------- Warehouse can't be deleted if it has items popup ----------------------------- --}}
                    <div class="modal fade" id="NoDeleteModal" tabindex="-1" role="dialog" aria-labelledby="NoDeleteModalLabel">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    <h4 class="modal-title" id="NoDeleteModalLabel">@lang('Delete')</h4>
                                </div>
                                <div class="modal-body">
                                    <p>@lang('inventory::warehouse.warehouse_cant_be_deleted')</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Ok')</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>
@else
<div class="col-md-12" style="padding: 8px;margin-bottom:15px">
    @include('companyuser::components.addon-not-available', ['addon' => __('companyuser::addons.inventory_module')])
</div>
@endif
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_sales_customers_list');
        const appLang = "{{ app()->getLocale() }}";
        const loggedInUserId = {{ auth()->id() }};
    </script>
    <script>
        gtag('event', 'web_inventory_warehouse_list');
        console.log('web_inventory_warehouse_list event');
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            $(function () {
                // Delete warehouse modal setup
                $(document).on('click', '.delete-warehouse', function () {
                    const warehouseId = $(this).data('warehouse-id');
                    let url = "{{ route('company.warehouse.destroy', ['subdomain' => $subdomain, 'warehouse' => 'warehouseId']) }}";
                    url = url.replace("warehouseId", warehouseId);
                    $("#delete-form").attr("action", url);
                });
                // Edit warehouse modal setup
                $(document).on('click', '.edit-warehouse', function () {
                    const warehouseId = $(this).data('warehouse-id');
                    let url = "{{ route('company.warehouse.edit', ['subdomain' => $subdomain, 'warehouse' => 'warehouseId']) }}";
                    url = url.replace("warehouseId", warehouseId);
                    window.location.href = url;
                });

                $(document).on('click', '.show-warehouse', function () {
                    const warehouseId = $(this).data('warehouse-id');
                    let url = "{{ route('company.warehouse.show', ['subdomain' => $subdomain, 'warehouse' => 'warehouseId']) }}";
                    url = url.replace("warehouseId", warehouseId);
                    window.location.href = url;
                });

                $(document).on('click', '.show-warehouse-value-report', function () {
                    const warehouseId = $(this).data('warehouse-id');
                    let url = "{{ route('company.warehouse.value-report', ['subdomain' => $subdomain, 'warehouse' => 'warehouseId']) }}";
                    url = url.replace("warehouseId", warehouseId);
                    window.location.href = url;
                });

                $(document).on('click', '.show-warehouse-transactions', function () {
                    const warehouseId = $(this).data('warehouse-id');
                    let url = "{{ route('company.warehouse.transactions', ['subdomain' => $subdomain, 'warehouse' => 'warehouseId']) }}";
                    url = url.replace("warehouseId", warehouseId);
                    window.location.href = url;
                });


                // Submit form with specific action
                $('.form-submit-button').on('click', function () {
                    const action = $(this).attr('action-value');
                    $('#action-type').val(action);
                    $('#update_settings_form').submit();
                });

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

                // DataTable init
                $('#warehouses_table').DataTable({
                    processing: true,
                    serverSide: true,
                    search: true,
                    ajax: {
                        url: "{{ route('company.warehouse.index', $subdomain) }}",
                        data: {!! json_encode(request()->all()) !!},
                        responsive: true,
                        ordering: true,
                        paging: true,
                        dataSrc: function (json) {
                            return json.data;
                        }
                    },
                    columns: [
                        {
                            data: "title_en",
                            render: function (data, type, row) {
                                return appLang === 'en' ? row.title_en : row.title_ar;
                            }
                        },
                        {
                            data: "is_main",
                            render: function (data, type, row) {
                                return row.is_main == 1
                                    ? "@lang('inventory::warehouse.is_main_1')"
                                    : "@lang('inventory::warehouse.is_main_0')"
                            }
                        },
                        {
                            data: "parent_warehouse_id",
                            render: function (data, type, row) {
                                if(row.parent_warehouse){
                                    return appLang === 'en' ? row.parent_warehouse.title_en : row.parent_warehouse.title_ar;
                                }else{
                                    return  "@lang('inventory::warehouse.none')";
                                }
                            }
                        },
                        { data: "cost_center_id",
                          render: function(data,type,row){
                            if(!row.cost_center){
                                return  "@lang('products::cost_center.main center')";
                                }else{
                                    return appLang === 'en' ? row.cost_center.name_en : row.cost_center.name_ar;
                                }
                        }
                        },
                        {
                            data: "account",
                            render: function (data, type, row) {
                                if (!row.account) return '#';
                                return appLang === 'en' ? row.account.name_en : row.account.name_ar;
                            }
                        },
                        { data: "status_label" },
                        {
                            data: "created_by",
                            render: function (data, type, row) {
                                if (!row.created_by) {
                                    return "@lang('accounting::assets.System')";
                                } else if (row.created_by.id === loggedInUserId) {
                                    return "@lang('accounting::assets.You')";
                                } else {
                                    return row.created_by.uname;
                                }
                            }
                        },
                        { data: "formatted_created_at" },
                        {
                            data: null,
                            render: function (data) {
                                output = '';
                                @can('inventory.warehouse.view')
                                output+=`
                                    <a data-warehouse-id="${data.id}" class="show-warehouse btn btni rounded-circle font-small-2 btn-primary btn-xs text-white" data-toggle="tooltip" title="@lang('View')">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                               `;
                                @endcan
                                 @can('inventory.inventory-reports.view')
                                output+=`
                                    <a data-warehouse-id="${data.id}" class="show-warehouse-value-report btn btni rounded-circle font-small-2 btn-primary btn-xs text-white" data-toggle="tooltip" title="@lang('inventory::warehouse.value_report.title')">
                                        <i class="fa fa-money"></i>
                                    </a>
                                               `;
                                @endcan
                                 @can('inventory.transactions.view')
                                 output+=`
                                    <a data-warehouse-id="${data.id}" class="show-warehouse-transactions btn btni rounded-circle font-small-2 btn-primary btn-xs text-white" data-toggle="tooltip" title="@lang('inventory::warehouse.transactions_summary.title')">
                                        <i class="fa fa-exchange"></i>
                                    </a>
                                    `;
                                @endcan

                                @can('inventory.warehouse.edit')
                                output+=`
                                     <a data-warehouse-id="${data.id}" class="edit-warehouse btn btni rounded-circle font-small-2 btn-warning btn-xs text-white" data-toggle="tooltip" title="@lang('Edit')">
                                        <i class="fa fa-pencil"></i>
                                    </a>`;
                                @endcan
                                @can('inventory.warehouse.delete')
                                    output+=`
                                        <a data-warehouse-id="${data.id}" data-toggle="modal" ${data.can_be_deleted ? 'data-target="#deleteModal"' : 'data-target="#NoDeleteModal"'} class="btn btni rounded-circle font-small-2 btn-danger btn-xs btn-delete delete-warehouse text-white" data-toggle="tooltip" title="@lang('Delete')">
                                            <i class="fa fa-trash"></i>
                                        </a>`;
                                @endcan
                                return output;

                            }
                        }
                    ],
                    columnDefs: [
                        { searchable: false, targets: [0, 4, 5, 6] },
                        { orderable: false, targets: [8] }
                    ],
                    @if (App::isLocale('ar'))
                        language: {
                            url: "https://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                        },
                    @endif
                });
            });
        });
    </script>
@endsection