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

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('lang_v1.import_members')
    </h1>
</section>

<!-- Main content -->
<section class="content">
    
    @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'])
                {!! Form::open(['url' => action([\App\Http\Controllers\ContactController::class, 'postImportMembers']), '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']); !!}
                              </div>
                        </div>
                        <div class="col-sm-4">
                        <br>
                            <button type="submit" class="btn btn-primary">@lang('messages.submit')</button>
                        </div>
                        </div>
                    </div>
                
                <div class="row">
                    @if(auth()->user()->can('shopify.view'))
                    <div class="col-lg-4">
                        <div class="form-group">
                        <label for=""><input type="checkbox" name="sync_shopify_checkbox" class="input-checkbox" id="sync_shopify_checkbox">&nbsp;Sync with my e-commerce</label>
                        <div class="form-group">
                            {!! Form::select('sync_shopify', $shopify_access, null, [
                                'class' => 'form-control hide',
                                'placeholder' => 'Choose Shopify Store',
                                'id' => 'sync_shopify'
                            ]) !!}

                        </div>
                        </div>
                    </div>
                    @endif  
                </div>
                {!! Form::close() !!}
                <br><br>
                <div class="row">                    
                    <div class="col-sm-4 col-xs-12">
                        <a href="{{ asset('files/import_members_template.xls') }}" class="btn btn-xs-full btn-success" download><i class="fa fa-download"></i> @lang('lang_v1.download_template_file')</a>
                    </div>
                </div>
            @endcomponent
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            @component('components.widget', ['class' => 'box-primary', 'title' => __('lang_v1.instructions')])
                <strong>@lang('lang_v1.instruction_line1')</strong><br>
                    @lang('lang_v1.instruction_line2')
                    <br><br>
                <table class="table table-striped">
                    <tr>
                        <th>@lang('lang_v1.col_no')</th>
                        <th>@lang('lang_v1.col_name')</th>
                        <th>@lang('lang_v1.instruction')</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>First Name <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>2</td>
                        <td>Last Name <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>3</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>                    
                    <tr>
                        <td>4</td>
                        <td>Email <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>5</td>
                        <td>Phone <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>6</td>
                        <td>Workplace <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>7</td>
                        <td>Job Speciality <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>8</td>
                        <td>Hobbies Interests <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td></td>
                    </tr>                    
                    <tr>
                        <td>9</td>
                        <td>Tags Discount <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                        <td><small style="color: red;">Ensure that tags are separated by commas.</small></td>
                    </tr>      
                    <tr>
                        <td>10</td>
                        <td>Discount Starts <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td>@lang('lang_v1.dob_ins') ({{\Carbon::now()->format('Y-m-d')}})</td>
                    </tr>               
                    <tr>
                        <td>11</td>
                        <td>Discount Ends <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td>@lang('lang_v1.dob_ins') ({{\Carbon::now()->format('Y-m-d')}})</td>
                    </tr>     
                    <tr>
                        <td>12</td>
                        <td>Limit/Unlimited <small class="text-muted">(@lang('lang_v1.optional'))</small></td>
                        <td>Leave it empty if you want use unlimited</td>
                    </tr>             
                    <tr>
                        <td>13</td>
                        <td>Discount Amount <small class="text-muted">(@lang('lang_v1.required'))</small></td>
                        <td>Put 10 for 10%</td>
                    </tr>             
                </table>
            @endcomponent
        </div>
    </div>
</section>
<!-- /.content -->

@endsection
@section('javascript')
    <script>
        $('#sync_shopify_checkbox').on('change', function() {
            if ($(this).is(':checked')) {
                $('#sync_shopify').removeClass('hide');
            } else {
                $('#sync_shopify').addClass('hide');
            }
        });
    </script>
@endsection