@extends('yonetim.yonetim_master')

@section('cssler')

@endsection
@section('main')
    <section class="section">
        <div class="section-body">
            <div class="row">

                <div class="col-12 col-md-12 col-lg-12">
                    <div class="card">

                        <div class="padding-20">
                            <a href="{{route('siparis.all')}}" class="btn-sm btn btn-success float-right"><i class="fa fa-backward"></i> Geri Dön</a>
                            <br>


                            <div class="">
                                <form id="fileUploadForm" action="{{route('siparis.siparisrevizyoneditson',$revizyondata->id)}}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="card-body">
                                        <div class="col-lg-12 mx-auto">




                                            <p style="cursor: pointer;color: whitesmoke" class="btn btn-danger" id="uyari">Uyarıları Oku <i class="fa fa-arrow-right"></i></p>
                                            <p class="text-danger" id="uyari_metni_1" style="display:none;">*İndirme linki dolu ise dosya alanını boş bırakınız. İki seçenekten birini seçmeniz gerekmekte ya indirrme linki ya da dosya yüklemeyi</p>
                                            <p class="text-danger" id="uyari_metni_3" style="display:none;">*veri tasarrufu için zip olarak yüklemeniz veya link olarak iletmeniz tavsiye edilir.</p>

                                            <p class="text-danger">
                                                @if(!$revizyondata->dosyayol=="" and !$revizyondata->dosyalink=="")
                                                    Hatalı işlem iki alanın aynı anda dolu olması mantık hatasına sebep olacaktır!
                                                @endif
                                            </p>


                                            <div class="form-group">
                                                <label>Başlık</label>
                                                <input name="baslik" required type="text" class="form-control" value="{{$revizyondata->baslik}}">
                                            </div>


                                            <div id="input-alanı-1" class="input-alanı">
                                                <div class="form-group">
                                                    <label>Lisans İndirme Linki <a class="badge badge-success" href="{{asset($revizyondata->dosyalink)}}">
                                                            @if($revizyondata->dosyalink=="")
                                                                Dosya Yok
                                                            @else
                                                                Linke Git
                                                            @endif
                                                        </a></label>
                                                    <input name="dosyalink" type="text" class="form-control" value="{{$revizyondata->dosyalink}}">
                                                </div>
                                            </div>
                                            <div id="input-alanı-2" class="input-alanı">
                                                <div class="form-group mt-4">
                                                    <label>Lisans İndirme Dosyası Yükle</label>
                                                    @if($revizyondata->dosyayol=="")
                                                        <a href="" class="badge badge-success">Dosya Yüklenmedi</a>
                                                    @else
                                                        <a class="badge badge-success" href="{{asset($revizyondata->dosyayol)}}" download>{{$revizyondata->dosyayol}}-Dosyayı İndir</a>
                                                        <a href="{{route('siparis.revizyondosyasil',$revizyondata->id)}}" class="badge badge-danger"><i class="fa fa-trash"></i> Mevcut Dosyayı Sil</a>
                                                    @endif


                                                    <input name="dosyayol" class="form-control" type="file">


                                                </div>

                                                <input type="hidden" name="eskidosyayol" value="{{$revizyondata->dosyayol}}">

                                                <div class="form-group">
                                                    <div class="progress">
                                                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                                    </div>
                                                </div>

                                            </div>


                                            <div class="form-group">
                                                <label>Açıklama</label>
                                                <textarea style="min-height: 100px" name="aciklama" required type="text" class="form-control">{{$revizyondata->aciklama}}</textarea>
                                            </div>





                                            <div class="card-footer text-right">
                                                <button type="submit" name="genelayarkaydet" class="btn btn-primary">Güncelle</button>
                                            </div>




                                        </div>
                                    </div>

                                </form>

                            </div>









                        </div>



                    </div>



                </div>




            </div>

        </div>
    </section>
@endsection


@section('jsler')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js"></script>

    <script>
        $(function () {
            $(document).ready(function () {
                $('#fileUploadForm').ajaxForm({
                    beforeSend: function () {
                        var percentage = '0';
                    },
                    uploadProgress: function (event, position, total, percentComplete) {
                        var percentage = percentComplete;
                        $('.progress .progress-bar').css("width", percentage+'%', function() {
                            return $(this).attr("aria-valuenow", percentage) + "%";
                        })
                    },
                    complete: function (xhr) {
                        alert('Dosya Başarıyla Yüklendi');
                        location.reload()

                    }
                });
            });
        });
    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.debug.js"></script>


    <script>



        function printDiv() {
            var divName= "printable";

            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;

            document.body.innerHTML = printContents;

            window.print();

            document.body.innerHTML = originalContents;

        }

        $(function () {
            $(document).ready(function () {
                $('#fileUploadForm').ajaxForm({
                    beforeSend: function () {
                        var percentage = '0';
                    },
                    uploadProgress: function (event, position, total, percentComplete) {
                        var percentage = percentComplete;
                        $('.progress .progress-bar').css("width", percentage+'%', function() {
                            return $(this).attr("aria-valuenow", percentage) + "%";
                        })
                    },
                    complete: function (xhr) {
                        alert('Dosya Başarıyla Yüklendi');
                        location.reload()

                    }
                });
            });
        });



        var input1Acik = false;
        var input2Acik = false;

        function toggleInput(inputNo) {
            if (inputNo == 1) {
                if (input1Acik) {
                    document.getElementById("input-alanı-1").style.display = "none";
                    input1Acik = false;
                } else {
                    document.getElementById("input-alanı-1").style.display = "block";
                    input1Acik = true;

                    if (input2Acik) {
                        document.getElementById("input-alanı-2").style.display = "none";
                        input2Acik = false;
                    }
                }
            } else {
                if (input2Acik) {
                    document.getElementById("input-alanı-2").style.display = "none";
                    input2Acik = false;
                } else {
                    document.getElementById("input-alanı-2").style.display = "block";
                    input2Acik = true;

                    if (input1Acik) {
                        document.getElementById("input-alanı-1").style.display = "none";
                        input1Acik = false;
                    }
                }
            }
        }



        // Uyarı butonunu seçme
        var uyaributonu = document.getElementById("uyari");
        // Tüm uyarı metinlerini seçme
        var uyari_metinleri = document.querySelectorAll("[id^='uyari_metni_']");

        // Butona tıklandığında çalışacak fonksiyon
        uyaributonu.onclick = function() {
            // Tüm uyarı metinlerini görüntüle veya gizle
            uyari_metinleri.forEach(function(uyari_metni) {
                if (uyari_metni.style.display === "none") {
                    uyari_metni.style.display = "block";
                } else {
                    uyari_metni.style.display = "none";
                }
            });
        }

    </script>
@endsection
