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

@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\ContactController::class, 'index'], ['type' => 'customer'])}}">
                <i class="fa fas fa-address-book text-sm-i opacity-10"></i> @lang('contact.contacts')
              </a>
            </li>
            <li class="breadcrumb-item text-sm text-white">
                @lang('lang_v1.import_contacts')
            </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-sm-12">
                    @component('components.widget', ['class' => 'box-primary', 'icon' => 'fa fa-download text-primary', 'title' => __('lang_v1.import_contacts')])
                        <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" title="@lang('lang_v1.download_template_file')"
                                          data-toggle="tooltip"
                                    href="{{ asset('files/import_contacts_csv_template.xls') }}" 
                                    download>
                                    <i class="fa fa-download fa-lg"></i> </a>
                                </div>
                            @endslot

                        {!! Form::open(['url' => action([\App\Http\Controllers\ContactController::class, 'postImportContacts']), 'method' => 'post', 'enctype' => 'multipart/form-data' ]) !!}
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="col-sm-8">
                                        <div class="form-group">
                                            {!! Form::label('name', __( 'product.file_to_import' ) . ':') !!}
                                            {!! Form::file('contacts_csv', ['accept'=> '.xls', 'required' => 'required', 'class' => 'upload-contact']); !!}
                                          </div>
                                          <div class="form-group">
                                            <div class="col-sm-6">
                                                <button type="submit" class="btn btn-success btn-block">@lang('messages.submit')</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        {!! Form::close() !!}
                    @endcomponent
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    @component('components.widget', ['class' => 'box-primary','icon' => 'fa fa-lightbulb text-primary', 'title' => __('lang_v1.instructions')])
                    <hr class="line-light-1">
                        <strong>@lang('lang_v1.instruction_line1')</strong><br>
                            @lang('lang_v1.instruction_line2')
                            <br><br>
                            <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.col_no')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.col_name')</th>
                                            <th class="text-uppercase text-dark text-xs font-weight-bolder">@lang('lang_v1.instruction')</th>
                                        </tr>
                                     </thead>
                                    <tr>
                                        <td>1</td>
                                        <td>@lang('contact.contact_type') <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                                        <td>{!! __('lang_v1.import_contact_type_ins') !!}</td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>@lang('business.prefix') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>3</td>
                                        <td>@lang('business.first_name') <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>4</td>
                                        <td>@lang('lang_v1.middle_name') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>5</td>
                                        <td>@lang('business.last_name') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>6</td>
                                        <td>@lang('business.business_name') <br><small class="text-muted">(@lang('lang_v1.required_if_supplier'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>7</td>
                                        <td>@lang('lang_v1.contact_id') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>@lang('lang_v1.contact_id_ins')</td>
                                    </tr>
                                    <tr>
                                        <td>8</td>
                                        <td>@lang('contact.tax_no') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>9</td>
                                        <td>@lang('lang_v1.opening_balance') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>10</td>
                                        <td>@lang('contact.pay_term') <br><small class="text-muted">(@lang('lang_v1.required_if_supplier'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>11</td>
                                        <td>@lang('contact.pay_term_period') <br><small class="text-muted">(@lang('lang_v1.required_if_supplier'))</small></td>
                                        <td><strong>@lang('lang_v1.pay_term_period_ins')</strong></td>
                                    </tr>
                                    <tr>
                                        <td>12</td>
                                        <td>@lang('lang_v1.credit_limit') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>13</td>
                                        <td>@lang('business.email') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>14</td>
                                        <td>@lang('contact.mobile') <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>15</td>
                                        <td>@lang('contact.alternate_contact_number') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>16</td>
                                        <td>@lang('contact.landline') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>17</td>
                                        <td>@lang('business.city') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>18</td>
                                        <td>@lang('business.state') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>19</td>
                                        <td>@lang('business.country') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>20</td>
                                        <td>@lang('lang_v1.address_line_1') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>21</td>
                                        <td>@lang('lang_v1.address_line_2') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>22</td>
                                        <td>@lang('business.zip_code') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>23</td>
                                        <td>@lang('lang_v1.dob') <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>@lang('lang_v1.dob_ins') ({{\Carbon::now()->format('Y-m-d')}})</td>
                                    </tr>
                                    @php
                                        $custom_labels = json_decode(session('business.custom_labels'), true);
                                    @endphp
                                    <tr>
                                        <td>24</td>
                                         <td>{{ $custom_labels['contact']['custom_field_1'] ?? __('lang_v1.contact_custom_field1') }} <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>25</td>
                                        <td>{{ $custom_labels['contact']['custom_field_2'] ?? __('lang_v1.contact_custom_field2') }} <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>26</td>
                                        <td>{{ $custom_labels['contact']['custom_field_3'] ?? __('lang_v1.contact_custom_field3') }} <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>27</td>
                                        <td>{{ $custom_labels['contact']['custom_field_4'] ?? __('lang_v1.contact_custom_field4') }} <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                                        <td>&nbsp;</td>
                                    </tr>
                                </table>
                            </div>
                    @endcomponent
                </div>
            </div>
         </div>
     </div>


</section>
<!-- /.content -->

@endsection
@section('javascript')

<script type="text/javascript">
    $(document).ready(function() {
       var fileinput_setting = {
        showUpload: false,
        showPreview: false,
        browseLabel: LANG.file_browse_label,
        removeLabel: LANG.remove,
    };
    $('.upload-contact').fileinput(fileinput_setting);

    });
</script>
@endsection