@extends('layouts.vendor')
@section('styles')

<link href="{{asset('assets/admin/css/product.css')}}" rel="stylesheet"/>
<link href="{{asset('assets/admin/css/fileinput.min.css')}}" rel="stylesheet"/>

@endsection
@section('content')

<div class="content-area">
    <div class="mr-breadcrumb">
        <div class="row">
            <div class="col-lg-12">
                <h4 class="heading">{{ $langg->lang450 }}</h4>
                <ul class="links">
                    <li>
                        <a href="{{ route('vendor-dashboard') }}">{{ $langg->lang441 }} </a>
                    </li>
                    <li>
                        <a href="{{ route('vendor-prod-import') }}">{{ $langg->lang450 }}</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="add-product-content">
        <div class="row">
            <div class="col-lg-12 p-5">

                <div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
                <form id="geniusform" action="{{route('vendor-prod-importsubmit')}}" method="POST" enctype="multipart/form-data">
                    {{csrf_field()}}

                    @include('includes.admin.form-both')  

                    <div class="row">
                        <div class="col-lg-12 text-right">
                            <span style="margin-top:10px;">

                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">
                                    {{ $langg->cargaMasivaImagenes }}
                                </button>

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="{{url('cloud')}}" allowfullscreen></iframe>
</div>
    </div>
  </div>
</div>

                            </span>
                            <span style="margin-top:10px;">
                                <a class="btn btn-primary" href="{{asset('assets/product-csv-format.csv')}}">
                                    {{ $langg->lang531 }}
                                </a>
                            </span>
                        </div>

                    </div>
                    <hr>
                    <div class="row justify-content-center">
                        <div class="col-lg-12 d-flex justify-content-center text-center">
                            <div class="csv-icon">
                                <i class="fas fa-file-csv"></i>
                            </div>
                        </div>
                        <div class="col-lg-12 d-flex justify-content-center text-center">
                            <div class="left-area mr-4">
                                <h4 class="heading">{{ $langg->lang532 }} *</h4>
                            </div>
                            <span class="file-btn">
                                <input type="file" id="csvfile" name="csvfile" accept=".csv">
                            </span>

                        </div>

                    </div>

                    <input type="hidden" name="type" value="Physical">
                    <div class="row">
                        <div class="col-lg-12 mt-4 text-center">
                            <button class="mybtn1 mr-5" type="submit">{{ $langg->lang533 }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="row d-none">
        <div class="col-12">
            <!--<div class="content-area">-->
            <div class="add-product-content">
                <div class="row">
                    <div class="col-12 pr-5 pl-5 pb-0">
                        <h3>Images Bulk Upload</h3>
                    </div>
                </div>
                <div id="bulk-panel">

                </div>
            </div>
            <!--</div>-->
        </div>
    </div>
</div>

<div id="loader" class="d-none">
    <div class="row pb-5">
        <div class="col-12 text-center">
            <div class="spinner-border" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
    </div>
</div>




@endsection

@section('scripts')

<script src="{{asset('assets/admin/js/product.js')}}"></script>
<script src="{{asset('assets/admin/js/fileinput.min.js')}}"></script>
<script src="{{asset('assets/admin/themes/fas/theme.min.js')}}"></script>

<script type="text/javascript">
$(document).ready(function () {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    bulk(1);
});
function bulk(id) {
    if (id === 1) {
        $.ajax({
            url: "{{ route("vendor-prod-bulk-upload-images") }}",
            data: {step: 1},
            type: "post",
            dataType: "json",
            success: function (data) {
                $("#bulk-panel").html(data.html);
            }
        });
        console.log("ok");
    } else if (id === 2) {

    } else if (id === 3) {

    }
}

</script>
@endsection