@extends('layouts.app')
@section('meta')

@endsection
@section('title',config('app.name') . ' | ' . __('sales/customer.document_title'))
@section('css_specific')
    <link href="{{ asset('gentelella/plugins/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet"/>
    <link href="{{ asset('vendor/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet"/>
@endsection
@section('css')

@endsection
@section('content')
    <div id="modals">

    </div>

    <!-- page content -->
    <div class="right_col" role="main">
        <div class="">

            <!-- Titulo -->
            <div class="page-title">
                <div class="title_left">
                    <h3>@lang('sales/customer.document_title')</h3>
                </div>
                <div class="title_right text-right">
                    <div class="row">
                        <div class="col-md-5 col-xs-12 pull-right">
                            <a href="{{route('customers.index',request()->except('page'))}}"
                               class="btn btn-sm btn-default">@lang('general.button_discard')
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Titulo -->

            <div class="clearfix"></div>

            <!-- Mensajes -->
            <div id="general_messages">
                @include('flash::message')
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissible alert-important" role="alert">
                        <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
                        @lang('general.error_upload_file')
                        <ul>
                            @foreach ($errors->all() as $key => $error)
                                <li>{!! $error  !!}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
            <!-- /Mensajes -->

            <!-- Contenido -->
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>@lang('sales/customer.text_import_title')</h2>
                            <div class="clearfix"></div>
                            <p>@lang('sales/customer.text_import_subtitle')</p>
                        </div>
                        <div class="x_content">
                            {!! Form::open(['route' => 'customers/download-template-import','method' => 'POST','class' => '','role' => 'form','id'=>'form1']) !!}
                            <!-- input hidden -->
                            {!! Form::hidden('update', old('update')) !!}
                            <!-- /.input hidden -->
                                <div class="table-responsive table-data">
                                    <table class="table table-striped table-hover table-condensed">
                                        <thead>
                                        <tr class="mini">
                                            <th class="text-left">@lang('sales/customer.entry_name')<span class="required text-danger">*</span></th>
                                            <th class="text-center">@lang('sales/customer.entry_taxid')<span class="required text-danger">*</span></th>
                                            <th class="text-left">@lang('sales/customer.entry_tax_regimen_id')</th>
                                            <th class="text-left">@lang('sales/customer.entry_payment_term_id')<span class="required text-danger">*</span></th>
                                            <th class="text-left">@lang('sales/customer.entry_payment_way_id')</th>
                                            <th class="text-center">@lang('sales/customer.entry_payment_method_id')</th>
                                            <th class="text-left">@lang('sales/customer.entry_cfdi_use_id')</th>
                                            <th class="text-left">@lang('sales/customer.entry_salesperson_id')</th>
                                            <th class="text-center">@lang('sales/customer.entry_email')</th>
                                            <th class="text-center">@lang('sales/customer.entry_phone')</th>
                                            <th class="text-left">@lang('sales/customer.entry_address_1')</th>
                                            <th class="text-left">@lang('sales/customer.entry_address_2')</th>
                                            <th class="text-left">@lang('sales/customer.entry_address_3')</th>
                                            <th class="text-left">@lang('sales/customer.entry_address_4')</th>
                                            <th class="text-left">@lang('sales/customer.entry_country_id')<span class="required text-danger">*</span></th>
                                            <th class="text-left">@lang('sales/customer.entry_state_id')</th>
                                            <th class="text-left">@lang('sales/customer.entry_city_id')</th>
                                            <th class="text-left">@lang('sales/customer.entry_postcode')</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($import_results as $result)
                                            <tr class="">
                                                <td class="text-left">{{$result->name}}</td>
                                                <td class="text-center">{{$result->taxid}}</td>
                                                <td class="text-left">{{$result->tax_regimen}}</td>
                                                <td class="text-left">{{$result->payment_term}}</td>
                                                <td class="text-left">{{$result->payment_way}}</td>
                                                <td class="text-center">{{$result->payment_method}}</td>
                                                <td class="text-left">{{$result->cfdi_use}}</td>
                                                <td class="text-left">{{$result->salesperson}}</td>
                                                <td class="text-center">{{$result->email}}</td>
                                                <td class="text-center">{{$result->phone}}</td>
                                                <td class="text-left">{{$result->address_1}}</td>
                                                <td class="text-left">{{$result->address_2}}</td>
                                                <td class="text-left">{{$result->address_3}}</td>
                                                <td class="text-left">{{$result->address_4}}</td>
                                                <td class="text-left">{{$result->country}}</td>
                                                <td class="text-left">{{$result->state}}</td>
                                                <td class="text-left">{{$result->city}}</td>
                                                <td class="text-left">{{$result->postcode}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                <div class="ln_solid"></div>
                                <div class="row">
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('tax_regimen_id', __('sales/customer.entry_tax_regimen_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('tax_regimen_id', $tax_regimens,old('tax_regimen_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('payment_term_id', __('sales/customer.entry_payment_term_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('payment_term_id', $payment_terms,old('payment_term_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('payment_way_id', __('sales/customer.entry_payment_way_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('payment_way_id', $payment_ways,old('payment_way_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('payment_method_id', __('sales/customer.entry_payment_method_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('payment_method_id', $payment_methods,old('payment_method_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('cfdi_use_id', __('sales/customer.entry_cfdi_use_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('cfdi_use_id', $cfdi_uses,old('cfdi_use_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('salesperson_id', __('sales/customer.entry_salesperson_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('salesperson_id', $salespersons,old('salesperson_id'), ['class' => 'form-control', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm{{ $errors->has('country_id') ? ' has-error' : '' }}">
                                            {!! html_entity_decode(Form::label('country_id', __('sales/customer.entry_country_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('country_id', $countries,old('country_id'), ['class' => 'form-control my-select2', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('state_id', __('sales/customer.entry_state_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('state_id', [],null, ['class' => 'form-control my-select2', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-xs-12">
                                        <div class="form-group form-group-sm">
                                            {!! html_entity_decode(Form::label('city_id', __('sales/customer.entry_city_id') . '', ['class' => 'control-label'])) !!}
                                            {!! Form::select('city_id', [],null, ['class' => 'form-control my-select2', 'placeholder' => __('general.text_select')]) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="ln_solid"></div>
                                <div class="row">
                                    <div class="col-md-12 col-xs-12 text-right footer-form">
                                        {!! Form::button(__('general.button_download_template_update_import'),['type' => 'button', 'class' => 'btn btn-sm btn-success', 'onclick' => 'downloadTemplate(1)']) !!}
                                        &nbsp;&nbsp;
                                        {!! Form::button(__('general.button_download_template_import'),['type' => 'button', 'class' => 'btn btn-sm btn-success', 'onclick' => 'downloadTemplate(null)']) !!}
                                    </div>
                                </div>
                            {!! Form::close() !!}
                            {!! Form::open(['route' => 'customers/import','method' => 'POST','class' => '','role' => 'form','id'=>'form','files' => true]) !!}
                                <input name="file_customers_import" type="file" class="hidden"/>
                                <div class="dropzone mt-3" style="cursor: pointer; position: relative; min-height: 150px; padding-top: 15px;">
                                    <div class="fallback text-center">
                                        <label id="file_customers_import_upload" style="font-size: 12px;"></label>
                                    </div>
                                    <div class="dz-message needsclick text-center" style="padding-top: 10px;">
                                        <i class="fa fa-cloud-upload" style="font-size: 50px;"></i>
                                        <h4 style="">@lang('general.help_upload_file')</h4>
                                    </div>
                                </div>
                            <!-- Footer form -->
                            <div class="ln_solid"></div>
                            <div class="row">
                                <div class="col-md-12 col-xs-12 text-right footer-form">
                                    {!! Form::button(__('general.button_importar'),['type' => 'submit', 'class' => 'btn btn-sm btn-primary ladda-button']) !!}
                                    &nbsp;&nbsp;
                                    <a href="{{route('customers.index',request()->except('page'))}}"
                                       class="btn btn-sm btn-default">@lang('general.button_discard')</a>
                                </div>
                            </div>
                            <!-- /Footer form -->
                            {!! Form::close() !!}
                        </div><!-- /x_content -->
                    </div><!-- /x_panel -->
                </div>
            </div><!-- /Contenido -->

        </div>
    </div><!-- /page content -->
@endsection
@section('scripts_specific')
    <script src="{{ asset('gentelella/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('vendor/sweetalert2/sweetalert2.min.js') }}"></script>
@endsection
@section('scripts')
    <script type="text/javascript">
        function downloadTemplate(update){
            $("#form1 input[name='update']").val(update)
            $("#form1").submit()
        }
        $("#form1 .my-select2").select2({
            placeholder: "@lang('general.text_select')",
            theme: "bootstrap",
            width: "auto",
            dropdownAutoWidth: true,
            allowClear: true,
            language: "{{ str_replace('_', '-', app()->getLocale()) }}",
        });
        /* Selecciona pais */
        $("#form1 select[name='country_id']").on("change", function () {
            var id = $(this).val();
            let state_id = $("#form1 select[name='state_id']");
            state_id.html("<option value=\"\">@lang('general.text_select')</option>");
            if (id) {
                $.ajax({
                    url: "{{ route('countries/get-states') }}",
                    type: "GET",
                    dataType: "JSON",
                    data: "id=" + id + "&state_id=" + "{{ old('state_id') }}",
                    success: function (data) {
                        if (data.html) {
                            state_id.html(data.html);
                        }
                        state_id.trigger("change");
                    },
                    error: function (error, textStatus, errorThrown) {
                        if (error.status == 422) {
                            var message = error.responseJSON.error;
                            $("#general_messages").html(alertMessage("danger", message));
                        } else if (error.status == 403 || error.status == 401) {
                            location.href = "{{ route('login') }}";
                        } else {
                            alert(errorThrown + "\r\n" + error.statusText + "\r\n" + error.responseText);
                        }
                    }
                });
            }
        }).trigger("change");
        /* Selecciona estado */
        $("#form1 select[name='state_id']").on("change", function () {
            var id = $(this).val();
            let city_id = $("#form1 select[name='city_id']");
            city_id.html("<option value=\"\">@lang('general.text_select')</option>");
            if (id) {
                $.ajax({
                    url: "{{ route('states/get-cities') }}",
                    type: "GET",
                    dataType: "JSON",
                    data: "id=" + id + "&city_id=" + "{{ old('city_id') }}",
                    success: function (data) {
                        if (data.html) {
                            city_id.html(data.html);
                        }
                    },
                    error: function (error, textStatus, errorThrown) {
                        if (error.status == 422) {
                            var message = error.responseJSON.error;
                            $("#general_messages").html(alertMessage("danger", message));
                        } else if (error.status == 403 || error.status == 401) {
                            location.href = "{{ route('login') }}";
                        } else {
                            alert(errorThrown + "\r\n" + error.statusText + "\r\n" + error.responseText);
                        }
                    }
                });
            }
        });
        $(".dropzone").on("click", function (e) {
            e.preventDefault();
            $("#form input[name='file_customers_import']").trigger("click");
        });
        $("#form input[name='file_customers_import']").change(function(e){
            let fileName = e.target.files[0].name;
            $("#form #file_customers_import_upload").text(fileName).addClass('label label-success font-14');
        });
        $("#form button[type='submit']").on('click',function(e){
            e.preventDefault();
            Pace.track(function () {
                $.ajax({
                    url: "{{ route('customers/before-import') }}",
                    type: "POST",
                    dataType: "JSON",
                    data: new FormData($("#form").get(0)),
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        if (data.success) {
                            Swal.fire({
                                title: "{{__('general.text_are_you_sure')}}",
                                html: data.total_import_customers,
                                type: 'warning',
                                showCancelButton: true,
                                confirmButtonText: "{{__('general.button_yes_import')}}",
                                cancelButtonText: "{{__('general.button_no_cancel')}}",
                                confirmButtonClass: 'btn btn-primary mt-2',
                                cancelButtonClass: 'btn btn-secondary ml-2 mt-2',
                                buttonsStyling: false,
                                onClose: () => {
                                    Ladda.stopAll();
                                }
                            }).then(function (result) {
                                if (result.value) {
                                    $("#form").submit();
                                } else if (
                                    // Read more about handling dismissals
                                    result.dismiss === Swal.DismissReason.cancel
                                ) {
                                    //Cancelar
                                }
                            });
                        }
                    },
                    error: function (error, textStatus, errorThrown) {
                        Ladda.stopAll();
                        if (error.status == 422) {
                            let message = error.responseJSON.error;
                            $("#general_messages").html(alertMessage("danger", message));
                        } else if (error.status == 403 || error.status == 401) {
                            location.href = "{{ route('login') }}";
                        } else {
                            alert(errorThrown + "\r\n" + error.statusText + "\r\n" + error.responseText);
                        }
                    }
                });
            });
        });
    </script>
@endsection