@extends('layouts.app')
@section('title', __('lang_v1.preview_imported_sales'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="text-white opacity-5" href="{{action([\App\Http\Controllers\AccountController::class, 'index'])}}">
                <i class="fa fas fa-money-check text-sm-i opacity-10"></i> @lang('lang_v1.payment_accounts')
              </a>
            </li>
            <li class="breadcrumb-item text-sm">
                <a class="opacity-7 text-white" href="{{action([\App\Http\Controllers\AccountController::class, 'index'])}}">@lang('account.list_accounts')</a>
            </li>
             <li class="breadcrumb-item text-sm text-white">
                @lang('lang_v1.preview_imported_sales')
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
    {!! Form::open(['url' => action([\App\Http\Controllers\ImportSalesController::class, 'import']), 'method' => 'post', 'id' => 'import_sale_form']) !!}
    {!! Form::hidden('file_name', $file_name); !!}
    @component('components.widget')
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                {!! Form::label('group_by', __('lang_v1.group_sale_line_by') . ':*') !!} @show_tooltip(__('lang_v1.group_by_tooltip'))
                {!! Form::select('group_by', $parsed_array[0], null, ['class' => 'form-control select2', 'required', 'placeholder' => __('messages.please_select')]); !!}
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                {!! Form::label('location_id', __('business.business_location') . ':*') !!}
                {!! Form::select('location_id', $business_locations, null, ['class' => 'form-control select2', 'required', 'placeholder' => __('messages.please_select')]); !!}
            </div>
        </div>
    </div>
    @endcomponent
    @component('components.widget')
    <div class="row">
        <div class="col-md-12">
            <div class="scroll-top-bottom" style="max-height: 400px;">
                <div class="table-responsive">
                    <table class="tablealign-items-center mb-0 full-width">
                        @foreach(array_slice($parsed_array, 0, 101) as $row)
                            <tr>
                                <td>@if($loop->index > 0 ){{$loop->index}} @else # @endif</td>
                                @foreach($row as $k => $v)
                                    @if($loop->parent->index == 0)
                                        <th>{{$v}}</th>
                                    @else
                                        <td>{{$v}}</td>
                                    @endif
                                @endforeach
                            </tr>
                            @if($loop->index == 0)
                                <tr>
                                <td>@if($loop->index > 0 ){{$loop->index}}@endif</td>
                                @foreach($row as $k => $v)
                                    <td>
                                        {!! Form::select('import_fields[' . $k . ']', $import_fields, $match_array[$k], ['class' => 'form-control import_fields select2', 'placeholder' => __('lang_v1.skip'), 'style' => 'width: 100%;']); !!}
                                    </td>
                                @endforeach
                                </tr>
                            @endif
                        @endforeach
                    </table>
                </div>
            </div>
        </div>
    </div>
    @endcomponent
    <div class="card shadow-lg mb-20">
        <div class="card-body p-3">
            <div class="row">
                <div class="col-md-12 text-center">
                    <button type="submit" class="btn btn-success btn-big">@lang('messages.submit')</button>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
</section>
@stop
@section('javascript')
<script type="text/javascript">
    $(document).on('submit', 'form#import_sale_form', function(){
        var import_fields = [];

        $('.import_fields').each( function() {
            if ($(this).val()) {
                import_fields.push($(this).val());
            }
        });

        if (import_fields.indexOf('customer_phone_number') == -1 && import_fields.indexOf('customer_email') == -1) {
            alert("{{__('lang_v1.email_or_phone_required')}}");
            return false;
        }
        if (import_fields.indexOf('product') == -1 && import_fields.indexOf('sku') == -1) {
            alert("{{__('lang_v1.product_name_or_sku_is_required')}}");
            return false;
        }
        if (import_fields.indexOf('quantity') == -1) {
            alert("{{__('lang_v1.quantity_is_required')}}");
            return false;
        }
        if (import_fields.indexOf('unit_price') == -1) {
            alert("{{__('lang_v1.unit_price_is_required')}}");
            return false;
        }

        if(hasDuplicates(import_fields)) {
            alert("{{__('lang_v1.cannot_select_a_field_twice')}}");
            return false;
        }
        
    });

    function hasDuplicates(array) {
        return (new Set(array)).size !== array.length;
    }
</script>
@endsection