@extends('layouts.app')
@section('title', __('lang_v1.import_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-7" href="{{action([\App\Http\Controllers\SellController::class, 'index'])}}">
                <i class="fa fas fa-cash-register text-sm-i opacity-10"></i> @lang( 'sale.sells')
              </a>
            </li>
             <li class="breadcrumb-item text-sm text-white">
                @lang('lang_v1.import_sales')
            </li>
        </ol>
    </nav>
</section>
<!-- Main content -->
<section class="content">
    <div class="pad-15">
        @if (session('notification') || !empty($notification))
            <div class="row">
                <div class="col-sm-12">
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        @if(!empty($notification['msg']))
                            {{$notification['msg']}}
                        @elseif(session('notification.msg'))
                            {{ session('notification.msg') }}
                        @endif
                    </div>
                </div>  
            </div>     
        @endif
        <div class="row">
            <div class="col-md-12">
                @component('components.widget', ['class' => 'box-primary', 'title' => __( 'lang_v1.import_sales' ), 'icon' => 'fa fas fa-download text-primary'])
                <hr class="line-light">
                @slot('tool')
                    <div class="box-tools mt-50">
                       <a class="btn bg-gradient-add white btn-ht-lg-add pull-right" 
                        data-toggle="tooltip" title="@lang('lang_v1.download_template_file')"
                        href="{{ asset('files/import_sales_template.xlsx') }}" download>
                        <i class="fa fa-download fa-lg"></i> </a>
                     </div>
                @endslot
                    {!! Form::open(['url' => action([\App\Http\Controllers\ImportSalesController::class, 'preview']), 'method' => 'post', 'enctype' => 'multipart/form-data' ]) !!}
                        <div class="row mb-20">
                            <div class="col-sm-6">
                                <div class="col-sm-8">
                                    <div class="form-group">
                                        {!! Form::label('name', __( 'product.file_to_import' ) . ':') !!}
                                        {!! Form::file('sales', ['required' => 'required','class' => 'upload-product-price']); !!}
                                      </div>
                                </div>
                                
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <button type="submit" class="btn btn-success btn-block">@lang('lang_v1.upload_and_review')</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {!! Form::close() !!}
                @endcomponent
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                @component('components.widget', ['class' => 'box-primary', 'title' => __( 'lang_v1.instructions' ), 'icon' => 'fa fas fa-bullhorn text-primary'])
                <hr class="line-light-1">
                <div class="table-responsive">
                    <table class="table align-items-center mb-0 full-width">
                        <tr>
                            <td>1.</td>
                            <td>@lang('lang_v1.upload_data_in_excel_format')</td>
                        </tr>
                        <tr>
                            <td>2.</td>
                            <td>@lang('lang_v1.choose_location_and_group_by')</td>
                        </tr>
                        <tr>
                            <td>3.</td>
                            <td>@lang('lang_v1.map_columns_with_respective_sales_fields')</td>
                        </tr>
                        <tr>
                            <td>4.</td>
                            <td>
                                <table class="table align-items-center mb-0 full-width">
                                     <thead class="thead-light">
                                        <tr>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.importable_fields')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.instructions')</th>
                                        </tr>
                                    </thead>
                                    @foreach($import_fields as $key => $value)
                                        <tr>
                                            <td>
                                                {{$value['label']}}
                                            </td>
                                            <td>
                                                <small>{{$value['instruction'] ?? ''}}</small>
                                            </td>
                                        </tr>
                                    @endforeach
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
                @endcomponent
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                @component('components.widget',['class' => 'box-primary', 'title' => __( 'lang_v1.imports' ), 'icon' => 'ni ni-cloud-download-95 text-primary'])
                <hr class="line-light-1">
                <div class="table-responsive">
                    <table class="table align-items-center mb-0 full-width">
                        <thead class="thead-light">
                            <tr>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.import_batch')</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.import_time')</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('business.created_by')</th>
                                <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.invoices')</th>
                                @can('sell.delete')
                                    <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('messages.action')</th>
                                @endcan
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($imported_sales_array as $key => $value)
                                <tr>
                                    <td>{{$key}}</td>
                                    <td>{{@format_datetime($value['import_time'])}}</td>
                                    <td>{{$value['created_by']}}</td>
                                    <td>
                                        {{implode(', ', $value['invoices'])}} <br>
                                        <p class="text-muted text-right">
                                        <small>(@lang('sale.total'): {{count($value['invoices'])}})</small>
                                        </p>
                                    </td>
                                    @can('sell.delete')
                                        <td><a href="{{action([\App\Http\Controllers\ImportSalesController::class, 'revertSaleImport'], $key)}}" class="bg-white bd-0 revert_import" data-toggle="tooltip" title=" @lang('lang_v1.revert_import')"><i class="fas fa-trash-alt text-danger"></i></a></td>
                                    @endcan
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endcomponent
            </div>
        </div>
    </div>
</section>
@stop
@section('javascript')
<script type="text/javascript">
    $(document).on('click', 'a.revert_import', function(e){
        e.preventDefault();
        swal({
            title: LANG.sure,
            icon: 'warning',
            buttons: true,
            dangerMode: true,
        }).then(willDelete => {
            if (willDelete) {
                window.location = $(this).attr('href');
            } else {
                return false;
            }
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
       var fileinput_setting = {
        showUpload: false,
        showPreview: false,
        browseLabel: LANG.file_browse_label,
        removeLabel: LANG.remove,
    };
    $('.upload-product-price').fileinput(fileinput_setting);

    });
</script>
@endsection