@include('includes.header')
<section class="pt-2 pb-2">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-md-12" id="document">
                <h3 data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.1s;">Add Document</h3>
{{--                <form action="{{url('/customer/document/add')}}" method="post" name="document" id="document" enctype="multipart/form-data">--}}
                    {{--{{csrf_field()}}--}}
                    <div class="form-body">
                        <div class="row p-t-20">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Document Type</label>
                                    <select name="doctype" id="doctype" class="form-control">
                                        <option value="">Select Document Type</option>
                                        @foreach($doctype as $doctype)
                                            <option value="{{$doctype->id}}">{{$doctype->name}}</option>
                                        @endforeach
                                    </select>
                                    <span id="docerror" style="display: none; color: red;">This field is required</span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="control-label">Year</label>
                                    <select name="year" id="year" class="form-control">
                                        <option value="">Select Year</option>
                                        <option value="1999" @php if (date("Y") == "1999") echo "selected";@endphp>1999</option>
                                        <option value="2000" @php if (date("Y") == "2000") echo "selected";@endphp>2000</option>
                                        <option value="2001" @php if (date("Y") == "2001") echo "selected";@endphp>2001</option>
                                        <option value="2002" @php if (date("Y") == "2002") echo "selected";@endphp>2002</option>
                                        <option value="2003" @php if (date("Y") == "2003") echo "selected";@endphp>2003</option>
                                        <option value="2004" @php if (date("Y") == "2004") echo "selected";@endphp>2004</option>
                                        <option value="2005" @php if (date("Y") == "2005") echo "selected";@endphp>2005</option>
                                        <option value="2006" @php if (date("Y") == "2006") echo "selected";@endphp>2006</option>
                                        <option value="2007" @php if (date("Y") == "2007") echo "selected";@endphp>2007</option>
                                        <option value="2008" @php if (date("Y") == "2008") echo "selected";@endphp>2008</option>
                                        <option value="2009" @php if (date("Y") == "2009") echo "selected";@endphp>2009</option>
                                        <option value="2010" @php if (date("Y") == "2010") echo "selected";@endphp>2010</option>
                                        <option value="2011" @php if (date("Y") == "2011") echo "selected";@endphp>2011</option>
                                        <option value="2012" @php if (date("Y") == "2012") echo "selected";@endphp>2012</option>
                                        <option value="2013" @php if (date("Y") == "2013") echo "selected";@endphp>2013</option>
                                        <option value="2014" @php if (date("Y") == "2014") echo "selected";@endphp>2014</option>
                                        <option value="2015" @php if (date("Y") == "2015") echo "selected";@endphp>2015</option>
                                        <option value="2016" @php if (date("Y") == "2016") echo "selected";@endphp>2016</option>
                                        <option value="2017" @php if (date("Y") == "2017") echo "selected";@endphp>2017</option>
                                        <option value="2018" @php if (date("Y") == "2018") echo "selected";@endphp>2018</option>
                                        <option value="2019" @php if (date("Y") == "2019") echo "selected";@endphp>2019</option>
                                        <option value="2020" @php if (date("Y") == "2020") echo "selected";@endphp>2020</option>
                                        <option value="2021" @php if (date("Y") == "2021") echo "selected";@endphp>2021</option>
                                        <option value="2022" @php if (date("Y") == "2022") echo "selected";@endphp>2022</option>
                                        <option value="2023" @php if (date("Y") == "2023") echo "selected";@endphp>2023</option>
                                        <option value="2024" @php if (date("Y") == "2024") echo "selected";@endphp>2024</option>
                                        <option value="2025" @php if (date("Y") == "2025") echo "selected";@endphp>2025</option>
                                        <option value="2026" @php if (date("Y") == "2026") echo "selected";@endphp>2026</option>
                                        <option value="2027" @php if (date("Y") == "2027") echo "selected";@endphp>2027</option>
                                        <option value="2028" @php if (date("Y") == "2028") echo "selected";@endphp>2028</option>
                                        <option value="2029" @php if (date("Y") == "2029") echo "selected";@endphp>2029</option>
                                        <option value="2030" @php if (date("Y") == "2030") echo "selected";@endphp>2030</option>
                                        <option value="2031" @php if (date("Y") == "2031") echo "selected";@endphp>2031</option>
                                        <option value="2032" @php if (date("Y") == "2032") echo "selected";@endphp>2032</option>
                                        <option value="2033" @php if (date("Y") == "2033") echo "selected";@endphp>2033</option>
                                        <option value="2034" @php if (date("Y") == "2034") echo "selected";@endphp>2034</option>
                                        <option value="2035" @php if (date("Y") == "2035") echo "selected";@endphp>2035</option>
                                        <option value="2036" @php if (date("Y") == "2036") echo "selected";@endphp>2036</option>
                                        <option value="2037" @php if (date("Y") == "2037") echo "selected";@endphp>2037</option>
                                        <option value="2038" @php if (date("Y") == "2038") echo "selected";@endphp>2038</option>
                                        <option value="2039" @php if (date("Y") == "2039") echo "selected";@endphp>2039</option>
                                        <option value="2040" @php if (date("Y") == "2040") echo "selected";@endphp>2040</option>
                                        <option value="2041" @php if (date("Y") == "2041") echo "selected";@endphp>2041</option>
                                        <option value="2042" @php if (date("Y") == "2042") echo "selected";@endphp>2042</option>
                                        <option value="2043" @php if (date("Y") == "2043") echo "selected";@endphp>2043</option>
                                        <option value="2044" @php if (date("Y") == "2044") echo "selected";@endphp>2044</option>
                                        <option value="2045" @php if (date("Y") == "2045") echo "selected";@endphp>2045</option>
                                        <option value="2046" @php if (date("Y") == "2046") echo "selected";@endphp>2046</option>
                                        <option value="2047" @php if (date("Y") == "2047") echo "selected";@endphp>2047</option>
                                        <option value="2048" @php if (date("Y") == "2048") echo "selected";@endphp>2048</option>
                                        <option value="2049" @php if (date("Y") == "2049") echo "selected";@endphp>2049</option>
                                        <option value="2050" @php if (date("Y") == "2050") echo "selected";@endphp>2050</option>
                                        <option value="2051" @php if (date("Y") == "2051") echo "selected";@endphp>2051</option>
                                        <option value="2052" @php if (date("Y") == "2052") echo "selected";@endphp>2052</option>
                                        <option value="2053" @php if (date("Y") == "2053") echo "selected";@endphp>2053</option>
                                        <option value="2054" @php if (date("Y") == "2054") echo "selected";@endphp>2054</option>
                                        <option value="2055" @php if (date("Y") == "2055") echo "selected";@endphp>2055</option>
                                        <option value="2056" @php if (date("Y") == "2056") echo "selected";@endphp>2056</option>
                                        <option value="2057" @php if (date("Y") == "2057") echo "selected";@endphp>2057</option>
                                        <option value="2058" @php if (date("Y") == "2058") echo "selected";@endphp>2058</option>
                                        <option value="2059" @php if (date("Y") == "2059") echo "selected";@endphp>2059</option>
                                        <option value="2060" @php if (date("Y") == "2060") echo "selected";@endphp>2060</option>
                                    </select>
                                    <span id="yearerror" style="display: none; color: red;">This field is required</span>
                                </div>
                            </div>

                        </div>

                        <div class="row p-t-20">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label class="control-label">Message</label>
                                    <textarea name="message" id="message" cols="20" rows="5" class="form-control"></textarea>
                                    <span id="messageerror" style="display: none; color: red;">This field is required</span>
                                </div>
                            </div>
                        </div>

                        <div class="row p-t-20">
                            <div class="col-md-12">
                                <form action="#"
                                      method="post"
                                      class="dropzone"
                                      enctype="multipart/form-data"
                                      id="data">

                                    {{ csrf_field() }}
                                    <input type="hidden" name="lastid" id="lastid" value="">
                                    <div class="fallback">

                                        <input class="form-control" name="file" type="file" multiple/>
                                    </div>

                                </form>
                            </div>
                        </div>




                        <!--/row-->
                    </div>
                    <div class="row p-t-20" style="margin-top: 20px;">
                        <div class="col-md-12">
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success" id="document_submit"> <i class="fa fa-check"></i> Save</button>
                                <a href="{{url('customer/documents')}}" class="btn btn-info">Cancel</a>
                            </div>
                        </div>
                    </div>
                {{--</form>--}}
            </div>
        </div>
    </div>
</section>
@include('includes.footer')
<script>
    var count= 1;
    var countfiles= 0;
    var counterror = 0;
    var myDropzone = new Dropzone("#data", {
        url: "{{route('savedoc')}}",
        autoProcessQueue: false,
        addRemoveLinks: true,
        dictRemoveFile: 'Remove',
        parallelUploads: 100,
        maxFilesize: 25,
        accept: function (file, done) {

            if (file.type != "image/jpeg" && file.type != "image/png" &&
                file.type != "image/gif" && file.type != "application/pdf" &&
                file.type != "application/msword" && file.type != "application/doc" &&
                file.type != "application/docx" && file.type != "application/vnd.openxmlformats-officedocument.wordprocessingml.document" &&
                file.type != "application/xls" && file.type != "application/xlsx" &&
                file.type != "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" && file.type != "application/vnd.ms-powerpoint" &&
                file.type != "application/vnd.openxmlformats-officedocument.presentationml.presentation" && file.type != "application/ppt" &&
                file.type != "application/pptx" && file.type != "application/zip") {
                // console.log(done("Not Allowed"));
                counterror++;
                // console.log(counterror);
                if(count == 1){
                    $('.dz-remove').on('click',function(){
                        var html = $(this).siblings('.dz-error-message').find('span').html();
                        if(html == 'Not Allowed'){
                            counterror = counterror - 1;
                            console.log(counterror);
                        }

                    })
                }
                count++;
            }
            else {
                done();
            }
        },
        init: function () {
            var myDropzone = this;

            this.on("success", function(file, response) {
                // console.log(response);
                countfiles++;
                if(myDropzone.getAcceptedFiles().length == countfiles){
                    // console.log('kali');
                    window.location= '{{url('customer/documents')}}'
                }

            });

        }
    });

    $(document).ready(function () {
        $('#document_submit').on('click',function () {
            $('#docerror').hide()
            $('#yearerror').hide()
            $('#messageerror').hide()
            if ($('#doctype').val() == ''){
                $('#docerror').show()
            } else if ($('#year').val() == '') {
                $('#yearerror').show()
            } else if ($('#message').val() == '') {
                $('#messageerror').show()
            } else {
                var doctype = $('#doctype').val()
                var year = $('#year').val()
                var message = $('#message').val()
                $.ajax({
                    url:'{{route('savedoc')}}',
                    type: 'POST',
                    data:{
                        doctype: doctype,
                        year: year,
                        message: message
                    },
                    success: function (resp) {
                        debugger
                        if (resp.status == 1) {
                            $('#lastid').val(resp.id)
                            if(myDropzone.getQueuedFiles().length > 0)
                                myDropzone.processQueue();
                            else
                                window.location= '{{url('customer/documents')}}'
                        }
                    }
                })
            }
        })
    })
</script>