@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('sales::transactions.sales_transactions'))
@section('extra-styles')
    <link href="{{asset('assets/css/filter.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{asset('assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
    <link href="{{asset('assets/css/custom/modal/style.css') }}" rel="stylesheet">
    <link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
    <script src="{{ asset('/js/app.js') }}" defer></script>
    <style>
        a.disabled {
            pointer-events: none;
            cursor: default;
        }
    </style>
@endsection

@push('extra_scripts')
    <script src="{{ asset('assets/js/vendors/js/pickers/dateTime/moment-with-locales.min.js') }}" defer></script>
    <script src="{{ asset('assets/js/vendors/js/pickers/daterange/daterangepicker.js') }}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{ asset('assets/js/scripts/modal/components-modal.js') }}" defer></script>
@endpush

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

@section('content')
<section>
    <div class="container-fluid">
        <div class="col-xs-6 headTitle">
            <h3 class="py-half">@lang('sales::transactions.sales_transactions')</h3>
        </div>
        <div class="headBtns fixed-btns" style="padding-bottom: 10px;">
                @can('sales.sales-transactions.export')
                    <div class="pull-left">
                        <a href="{{route('company.sales-transactions.export', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($salesTransactions) ? 'disabled' : ''}} pull-left" title="@lang('reports::reports.download_excel')">
                            <span class="icon-Excel action-icon"></span>
                        </a>
                        <a class="{{!count($salesTransactions) ? 'disabled' : ''}} pull-left font-small-3" href="{{route('company.sales-transactions.exporting-pdf', ['subdomain' => $subdomain] + request()->all())}}" title="@lang('reports::reports.download all transactions')">
                            <span class="icon-Pdf action-icon"></span>
                        </a>
                        <a href="{{route('company.sales-transactions.print-sales-transactions-list', ['subdomain' => $subdomain, 'status' => request('status'), 'from' => request('from'), 'to' => request('to')]+request()->all())}}" class="{{!count($salesTransactions) ? 'disabled' : ''}} pull-left" target="_blank" title="@lang('Print')">
                            <span class="icon-Print action-icon"></span>
                        </a>
                    </div>
                @endcan
            </div>
            @include('companyuser::errors.all')
            @include('companyuser::errors.lists')
            <div class="mt-1">
                <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>
            @if( !$accountingSettingsCount)
                <div class="row">
                    <div class="col-md-12  col-xs-12 text-center">
                        <div class="alert alert-white settings-alert">
                            @lang('superadmin::Dashboard.Please set your ')&nbsp;
                            <a href="{{route('company.accounting-settings.index', $subdomain)}}">
                                @lang('settings::general_settings.accounting settings') </a>
                            &nbsp;
                            @lang('superadmin::Dashboard.to start adding accounting transactions')
                        </div>
                    </div>
                </div>
            @endif
            <div class="collapse filter-section-collapse" id="collapseExample">
                <form action="{{ route('company.sales-transactions.index', ['subdomain' => $subdomain]) }}" method="GET" class="form form-horizontal striped-rows form-bordered dev-form-validate" novalidate>
                    @csrf
                    <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">
                                            <label for="customer">@lang('sales::transactions.Customer')</label>
                                        </div>
                                        <div class="col-md-12 mb-1">
                                            <customers-dropdown-component 
                                        :selected="{{ 
                                            json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer'))) 
                                        }}"
                                        :create-new="true"
                                            :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'transactions']) }}'"
                                            :lang="'{{ app()->getLocale() }}'"
                                            :multi-select="false"
                                            input-name="customer"
                                            :translations="{
                                                 placeholder: '{{ __("sales::customers.select_customer") }}',
                                                searchPlaceholder: '{{ __("sales::customers.search_customers") }}',
                                                createNewText: '{{ __("sales::customers.add_new_customer") }}',
                                                noResultsText: '{{ __("sales::customers.no_customers_found") }}',
                                            }"
                                            class="w-100"
                                        />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="type">@lang('sales::transactions.type')</label>
                                        </div>
                                        <div class="col-md-12 mb-1">
                                            <select name="type" id="type" class="w-100 py-1 form-control select2-tag h-45" style="width: 100%;">
                                                <option value="">@lang('All')</option>
                                                @forelse(Modules\Sales\Enums\SalesTransactionTypesEnum::translatedList() as $key => $type)
                                                    <option @if(request('type') == $key) selected @endif value="{{ $key }}">{{ $type }}</option>
                                                @empty
                                                @endforelse
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <label for="category">@lang('sales::transactions.Date')</label>
                                        </div>
                                        <div class="col-md-6">
                                            <x-date-picker 
                                                name="date_from" 
                                                :value="request('date_from')"
                                                input-class="h-45"
                                                :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">
                                            <x-date-picker 
                                                name="date_to" 
                                                :value="request('date_to')"
                                                input-class="h-45"
                                                :is-invalid="$errors->has('date_to')"
                                            />

                                            @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 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 mb-1 padd0">
                                    <select name="cost_center_id" id="cost_center_id" class="w-100 py-1 form-control select2-tag h-45" style="width:100%">
                                        @can('cost-center.main-center.view')
                                        <option value="">{{__('All')}}</option>
                                        <option @if(request('cost_center_id')=='main_center' ) selected @endif value="main_center">{{__('products::cost_center.main center')}}</option>
                                       @endcan
                                        @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>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <div class="row">
                                        <button class="dropdown-item" type="button">
                                            <fieldset>
                                                <label class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" name="old_year_receipts" @if(request('old_year_receipts')) checked @endif>
                                                    <span class="custom-control-indicator"></span>
                                                    <span class="custom-control-description">@lang('sales::transactions.old_years_records')</span>
                                                </label>
                                            </fieldset>

                                        </button>

                                        <button class="dropdown-item" type="button">
                                            <fieldset>
                                                <label class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" name="current_year_receipts" @if(request('current_year_receipts')) checked @endif>
                                                    <span class="custom-control-indicator"></span>
                                                    <span class="custom-control-description">@lang('sales::transactions.current_year_records')</span>
                                                </label>
                                            </fieldset>

                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="text-left">
                            <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>
            {{--toolsbar --}}
            <section id="configuration">
                <div class="row mt-2">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="card-body collapse in">
                                <div>
                                    <table class="table table-striped table-column dataex-res-configuration prevent-init-sort @if(app()->getlocale() == 'ar') ar-language-file @endif" style="width:100%;display: inline-table;">
                                        <thead>
                                        <tr>
                                            <th>@lang('sales::transactions.Reference ID')</th>
                                            <th>@lang('sales::transactions.type')</th>
                                            <th style="width: 20%">@lang('sales::transactions.Customer')</th>
                                            <th>@lang('sales::transactions.Date')</th>
                                            <th>@lang('sales::transactions.status')</th>
                                            <th>@lang('products::cost_center.Cost Center')</th>
                                            <th>@lang('sales::transactions.Amount')</th>
                                            <th>@lang('sales::transactions.outstanding')</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach ($salesTransactions as $transaction)
                                            <tr>
                                                <td>
                                                    <a href="{{route("company.{$transaction->route_name}.show", ['subdomain' => $subdomain, "{$transaction->routeVariableName}" => $transaction->id])}}">{{$transaction->reference}}
                                                    </a>
                                                </td>
                                                <td>{{ $transaction->transactionType }} </td>
                                                <td style="word-break: break-word;"> <a @if(is_null($transaction->{$transaction->userType}->deleted_at))
                                                                                            href="{{route("company.{$transaction->userType}s.show", ['subdomain' => $subdomain, "{$transaction->userType}" => $transaction->{$transaction->userType}->id])}}"
                                                        @endif>
                                                        {{ $transaction->{$transaction->userType}->name}} </a> </td>
                                                <td><span class="d-none">{{$transaction->date}}</span>{{ Date::format($transaction->date, 'date')  }}</td>

                                                <td>{{ $transaction->status ? Modules\Purchases\Enums\BillStatusEnum::toString($transaction->status) :
                                                ($transaction->kind ?  Modules\Purchases\Enums\PaymentReceiptTypesEnum::toString($transaction->kind) : '') }}
                                                </td>
                                                                                                    <td>{{$costCenter?$costCenter['code'] . ' - ' . $costCenter['name_' . app()->getLocale()]: __('products::cost_center.main center')}}</td>

                                                <td>{{ ($transaction->total  < 0 ) ? '(' . number_format(abs($transaction->total),2,".",",") . ')' : number_format($transaction->total,2,".",",")  }}
                                                </td>
                                                <td>{{ ($transaction->outstanding  < 0 ) ? '(' . number_format(abs($transaction->outstanding),2,".",",") . ')' : number_format($transaction->outstanding,2,".",",") }}
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>
@endsection
@section('extra_scripts')
    <script>
        gtag('event', 'web_sales_sales_transactions_list');
        console.log('web_sales_sales_transactions_list event');
    </script>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        $(document).ready(function() {
            $("body").on("click",".filterbtn",function(){
                if($("#collapseExample").hasClass("in") == false && $("#collapseExample").hasClass("dateCheck") == false && (window.location.href.indexOf("date_from") > -1) == false){

                    $(".singledate").val("");
                    $("#collapseExample").addClass("dateCheck");
                }
            })
            //to reset filter dropdown menus
            $('#reset').click(function(e) {
                e.preventDefault()
                // here we made it val to work in both inputs and dropdown menu
                $('.form-control').val("");
                // or prop('selectedIndex',0);
                $('.select2-tag').select2({
                    allowClear: true
                });
                $('.select2-selection__clear').text("");
            })


            // disable the other checkbox when one is selected
            $('.custom-control-input').on('change', function() {
                // disbale both checkboxes, then enable the just the selected one to be submitted
                // (this to allow to select just one from the two options, so if user selected one option this will remove the other
                // beacause we disable all then enable just the selected option)
                $('.custom-control-input').prop('checked', false);
                $(this).prop('checked', true);

               // this.form.submit()
            })
        });

        if (document.location.search.length) {
            // $('#collapseExample').toggleClass("collapse in");
        }
    });
</script>
@endsection