@include('admin.common.header')

<div class="d-flex align-items-stretch">
    @include('admin.common.sidebar')
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-5">
                <div class="row">
                    <div class="col-lg-12 mb-5">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="h6 text-uppercase mb-0">Upload Product</h3>
                            </div>
                            <div class="card-body">

                                <form action="{{ route('admin.uploadproduct.submit') }}" enctype="multipart/form-data"
                                    method="post" id="addproduct">
                                   
                                   
                                    @if ($error_message!='')
                                    <div class="alert alert-danger">
                                        {{ $error_message }}
                                    </div>
                                    @endif
                                    <div class="alert alert-danger" style="display:none;" id="response">
                                    </div>
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <div class="col-lg-12 mb-5 form-row">
                                      
                                        <div class="form-group col-md-4">
                                            <label class="form-control-label text-uppercase">Product CSV File</label>
                                            <input id="product_image" required type="file" accept=".csv" title="Product Image" name="product_image"
                                                class="form-control"
                                                value="{{$data!='' && $data->product_image?$data->product_image:''}}">
                                        </div>

                                       
                                    </div>

                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary submitaction">Submit</button>
                                    </div>

                                    <input type="hidden" id="site_url" value="{{$site_url}}" name="site_url">
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </section>

        </div>
        <script>
               
        document.getElementById('product_image').addEventListener('change', readSingleFile, false);
        function readSingleFile(evt) {
            //Retrieve the first (and only!) File from the FileList object

            $(".alert-danger").css("display","none");
            $("#response").html("");
            var fileType = ".csv";
            var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + fileType + ")$");
            if (!regex.test($("#product_image").val().toLowerCase())) {
                $("#response").css("display","block");

                $("#response").addClass("error");
                $("#response").addClass("display-block");
                $("#response").html("Invalid File. Upload : <b>" + fileType + "</b> Files.");
                $(".submitaction").prop( "disabled", true );
                return false;
            }
            if($("#product_image")[0].files[0].size>10485760)
            {
                $("#response").css("display","block");

                $("#response").addClass("error");
                $("#response").addClass("display-block");
                $("#response").html("Allowed file size exceeded. (Max. 10 MB)");
                $(".submitaction").prop( "disabled", true );
                return false;
            }


            var f = evt.target.files[0];
            
            if (f) {
                var r = new FileReader();
                           
                r.onload = function (e) {
                    var contents = e.target.result;
                    var lines = contents.split("\n").length;
                    // Remove header count  
                    var mobileEntryCount= lines -1
                    if (mobileEntryCount > 1000) {
                        $('#response').css('display', 'block');
                        $('#response').html('CSV File has  more than 1000 rows.');
                        $(".submitaction").prop( "disabled", true );
                        err='yes';
                        $('#product_image').val('')
                        //console.log("H"+mobileEntryCount);
                    }else{
                        $("#response").css("display","none");
                        $(".submitaction").prop( "disabled", false );
                        //console.log(mobileEntryCount);
                    }
                }
                r.readAsText(f);
            }
           // $("#response").css("display","none");
          //  $(".submitaction").prop( "disabled", false );
          //  return true;
        }
        </script>

        @include('admin.common.footer')