@extends('layouts.app')
@section('content')
    <script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
    <style>
        .dropzone {
            border: 2px dashed #929292;
            border-radius: 5px;
            background: #ffffff;
        }

        .dz-message {
            margin: 2em auto;
            text-align: center;
            display: block !important;
        }

        .dz-message span {
            font-size: 1.2em;
            color: #0087F7;
        }

        #dropzonewidget {
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

        #dropzonewidget:hover {
            background: #f9f1f1 !important;
        }

        .progress {
            position: relative;
            height: 20px;
            margin-bottom: 20px;
            overflow: hidden;
            background-color: #f5f5f5;
            border-radius: 4px;
        }

        .progress-bar {
            background-color: #007bff;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            transition: width 0.6s ease;
        }

        .dz-image-preview {
            display: flex;
        }
    </style>

    <div class="container my-5">
        <div class="row mb-5" style="min-height: 500px">
            <div class="col">
                <h2>YSİİD TÜZÜĞÜ VE DİĞER BİLGİLERİN DOLDURULMASI</h2>

                <div class="row">
                    <div class="col-12">
                        <label class="d-block text-danger w-100 border-bottom pb-2" style="font-size: 23px;"><strong>Şirket
                                Bilgileri</strong></label><br>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Şirket Adı</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="corporate_name"
                                value="{{ $uye->corporate_name }}" aria-describedby="emailHelp">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Tüzel/Gerçek</strong></label>
                            <select class="form-select" id="isLegal">
                                <option {{ $uye->isLegal == 'tuzel' ? ' selected ' : '' }} value="tuzel">Tüzel</option>
                                <option {{ $uye->isLegal == 'sahis' ? ' selected ' : '' }} value="sahis">Gerçek</option>
                            </select>
                        </div>
                    </div>






                    <div class="col-md-6 mt-3 d-flex flex-wrap">
                        <label for="exampleInputEmail1" class="form-label d-block w-100 "><strong>Yıllık Ciro
                                Miktarınız(Milyon TL)</strong></label>
                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio"
                                {{ $uye->ciro_miktari == '' || $uye->ciro_miktari == '0-3' ? ' checked ' : '' }}
                                name="ciro" id="radio1" value="0-3">
                            <label class="form-check-label" for="radio1">
                                3 ve daha az
                            </label>
                        </div>

                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio" name="ciro" id="radio2" value="4-25"
                                {{ $uye->ciro_miktari == '4-25' ? ' checked ' : '' }}>
                            <label class="form-check-label" for="radio2">
                                4-25
                            </label>
                        </div>

                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio" name="ciro" id="radio3" value="26-125"
                                {{ $uye->ciro_miktari == '26-125' ? ' checked ' : '' }}>
                            <label class="form-check-label" for="radio3">
                                26-125
                            </label>
                        </div>

                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio" name="ciro" id="radio4" value="126+"
                                {{ $uye->ciro_miktari == '126+' ? ' checked ' : '' }}>
                            <label class="form-check-label" for="radio4">
                                126 ve daha fazla
                            </label>
                        </div>


                    </div>
                    <div class="col-md-6 mt-3 d-flex flex-wrap">
                        <label class="d-block w-100"><strong>Personel Sayısı:</strong></label><br>
                        <div class="form-check me-4">
                            <input class="form-check-input" checked type="radio" name="personel_sayisi" id="personel-1"
                                {{ $uye->personel_sayisi == '' || $uye->personel_sayisi == '<50' ? ' checked ' : '' }}
                                value="<50" required>
                            <label class="form-check-label" for="personel-1">
                                50 ve daha az </label>
                        </div>
                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio" name="personel_sayisi" id="personel-2"
                                {{ $uye->personel_sayisi == '<250' ? ' checked ' : '' }} value="<250" required>
                            <label class="form-check-label" for="personel-2">
                                <250
                            </label>
                        </div>
                        <div class="form-check me-4">
                            <input class="form-check-input" type="radio" name="personel_sayisi" id="personel-3"
                                {{ $uye->personel_sayisi == '250>' ? ' checked ' : '' }} value="250>" required>
                            <label class="form-check-label" for="personel-3">
                               250>
                            </label>
                        </div>
                       
                    </div>

                    <div class="col-md-6 mt-3">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Kurum Telefonu</strong></label>
                            <input type="text" class="form-control" id="sirketTel" value="{{ $uye->sirketTel }}"
                                aria-describedby="emailHelp">
                        </div>
                    </div>


                    <div class="col-md-6 mt-3">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Faks Numarası</strong></label>
                            <input type="text" class="form-control" id="faks" value="{{ $uye->faks }}"
                                aria-describedby="emailHelp">

                        </div>
                    </div>




                    <div class="col-12 mt-1">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Şehir</strong></label>
                            <select class="form-control" id="sehir">
                                <option disabled selected value="">Seçiniz</option>
                                @foreach ($sehirler as $sehir)
                                    <option {{ $sehir == $uye->sehir ? ' selected ' : '' }} value="{{ $sehir }}">
                                        {{ $sehir }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Adres</strong></label>
                            <textarea name="" id="adres" class="form-control" cols="30" rows="3">{{ $uye->adres }}</textarea>
                        </div>
                    </div>





                    <div class="col-md-6 mt-3">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Web Sitesi</strong></label>
                            <input type="text" class="form-control" id="website" value="{{ $uye->website }}"
                                aria-describedby="emailHelp">

                        </div>
                    </div>

                    <div class="col-md-6  mt-3">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Kurum Logosu</strong></label>
                            <input type="file" class="form-control" id="logo" value="{{ $uye->logo }}"
                            data-photo="{{ $uye->logo }}"
                                aria-describedby="emailHelp">
                            <small>Bu alan sadece .jpg, .jpeg, .png ve .pdf uzantılı dosyaları desteklemektedir.</small>
                        </div>
                    </div>

                </div>


                <div class="row mt-2">
                    <div class="col-12">
                        <label class="d-block text-danger w-100 border-bottom pb-2"
                            style="font-size: 23px;"><strong>Yetkili Bilgileri</strong></label><br>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Adı</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="name"
                                value="{{ $uye->name }}" aria-describedby="emailHelp">

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Soyadı</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="surname"
                                value="{{ $uye->surname }}" aria-describedby="emailHelp">

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>T.C. Kimlik No</strong></label>
                            <input type="number" maxlength="11" minlength="11" class="form-control" id="tc"
                                value="{{ $uye->tck }}" aria-describedby="emailHelp">

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Doğum Tarihi</strong></label>
                            <input type="date" class="form-control" id="dtarih" value="{{ $uye->d_tarih }}"
                                aria-describedby="emailHelp">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>E-Posta</strong></label>
                            <input type="text" class="form-control" id="email" value="{{ $uye->email }}"
                                aria-describedby="emailHelp">

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Telefon</strong></label>
                            <input type="text" class="form-control" id="phone" value="{{ $uye->phone }}"
                                aria-describedby="emailHelp">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Göreviniz</strong></label>
                            <input type="text" class="form-control" id="corporate_role"
                                value="{{ $uye->corporate_role }}" aria-describedby="emailHelp">
                        </div>
                    </div>


                    <div class="col-md-12">
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label"><strong>Kimlik Fotokopisi</strong></label>
                            <input type="file" class="form-control" id="kimfoto" value="{{ $uye->kimfoto }}"
                                data-photo="{{ $uye->kimfoto }}"
                                aria-describedby="emailHelp">
                            <small>Bu alan sadece .jpg, .jpeg, .png ve .pdf uzantılı dosyaları desteklemektedir.</small>
                        </div>
                    </div>




                    <div class="mt-3 d-flex flex-wrap">
                        <label class="d-block w-100 mb-2"><strong>İrtibat Kişisi(Asistan):</strong></label><br>
                        <div class="mb-3 col-12 col-md-4 pe-2">
                            <label for="exampleInputEmail1" class="form-label"><strong>Adı ve Soyadı</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="asistanNameSurname"
                                value="{{ $uye->asistanNameSurname }}" aria-describedby="emailHelp">

                        </div>

                        <div class="mb-3 col-12 col-md-4 pe-2">
                            <label for="exampleInputEmail1" class="form-label"><strong>E-Posta Adresi</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="asistanMail"
                                value="{{ $uye->asistanMail }}" aria-describedby="emailHelp">

                        </div>

                        <div class="mb-3 col-12 col-md-4 pe-2">
                            <label for="exampleInputEmail1" class="form-label"><strong>Telefon Numarası</strong></label>
                            <input type="text" class="form-control" maxlength="30" id="asistanTel"
                                value="{{ $uye->asistanTel }}" aria-describedby="emailHelp">

                        </div>
                    </div>






                </div>


                <div class="row mt-5">
                    <div class="col-12">
                        <a href="/belge.zip" download style="display: block;padding:10px 20px;background:#c85c5c;margin-top:20px;">
                            <img style="height:60px;margin-right: 10px;" src="/assets/images/download.png"
                                alt="">
                            <span style="color:white;font-weight: bold;">Belgeleri indirmek için buraya
                                tıklayabilirsiniz.</span>
                        </a>
                    </div>
                    <div class="col-12 my-5">
                        <span style="color:#333;font-size:20px" href="#">Belgelerinizi <u>imzalayıp</u> aşağıdaki yükleme alanından eksiksiz olarak yüklemeniz
                            gerekmektedir</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <form action="/auth/upload" class="dropzone" id="dropzonewidget" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="dz-message" data-dz-message>
                                <img style="height:80px;margin-bottom:20px" src="/assets/images/dropzone_icon.png"
                                    alt=""></br>
                                <span>Dosyalarınızı buraya sürükleyin veya burayı tıklayın<br><small
                                        style="color:#333 !important;font-size:14px">(Birden fazla dosya
                                        yükleyebilirsiniz)</small></span>
                            </div>
                            <input hidden name="documents" id="documents" type="text" />
                            <div id="dropzone-previews" class="dropzone-previews mt-5 d-flex flex-wrap row"></div>

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

                <div class="row my-5">
                    <div class="col-12 text-end">
                        <button type="button" class="btn btn-success" onclick="saveMyForm()"
                            style="margin-top:20px;width:30%;padding-top:10px;padding-bottom:10px;">İnceleme İsteği
                            Gönder</button>
                    </div>
                </div>
            </div>








        </div>
    </div>

    <script>
        function saveMyForm() {

            var data = [];

            var corporate_name = $('#corporate_name').val();
            var isLegal = $('#isLegal').find('option:selected').val();
            var ciro = $("input[name='ciro']:checked").val();
            var personel_sayisi = $("input[name='personel_sayisi']:checked").val();
            var website = $('#website').val();
            var faks = $('#faks').val();
            var sehir = $('#sehir').find('option:selected').val();
            var adres = $('#adres').val();
            var name = $('#name').val();
            var surname = $('#surname').val();
            var tck = $('#tc').val();
            var d_tarih = $('#dtarih').val();
            var phone = $('#phone').val();
            var corporate_role = $('#corporate_role').val();
            var asistanNameSurname = $('#asistanNameSurname').val();
            var asistanMail = $('#asistanMail').val();
            var asistanTel = $('#asistanTel').val();
            var email = $('#email').val();
            var sirketTel = $('#sirketTel').val();
            var kimfoto = document.getElementById('kimfoto');
            var logo = document.getElementById('logo');
            



            


            var formDatax = new FormData();
          
          

       


            if (name == '') {

                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Adınızı giriniz',
                });
                return false;
            }else if (adres == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Adresinizi giriniz',
                });
                return false;
            }else if (kimfoto.value == '' && $('#kimfoto').attr('data-photo') == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Kimlik Fotokopinizi Ekleyiniz',
                });
                return false;
            }else if (logo.value == '' && $('#logo').attr('data-photo') == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Logo Ekleyiniz',
                });
                return false;
            } else if (adres == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Adresinizi giriniz',
                });
                return false;
            } else if (phone == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Telefon numaranızı giriniz',
                });
                return false;
            } else if (email == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'E-posta adresinizi giriniz',
                });
                return false;
            } else if (corporate_name == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Kurum adını giriniz',
                });
                return false;
            } else if (isLegal == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Kurumun yasal statüsünü seçiniz',
                });
                return false;
            } else if (ciro == "") {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Cironuzu seçiniz',
                });
                return false;
            } else if (personel_sayisi == "") {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Personel sayınızı seçiniz',
                });
                return false;
            } else if (sehir == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Şehir seçiniz',
                });
                return false;
            } else if (tck == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'TC kimlik numaranızı giriniz',
                });
                return false;
            } else if (d_tarih == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Eksik Bilgi',
                    text: 'Doğum tarihinizi giriniz',
                });
                return false;
            } else {
               // formDatax.append("logo", $('#logo').files[0]);
                formDatax.append("_token", '{{ csrf_token() }}');
                formDatax.append("corporate_name", corporate_name);
                formDatax.append("isLegal", isLegal);
                formDatax.append("ciro", ciro);
                formDatax.append("personel_sayisi", personel_sayisi);
                formDatax.append("website",website);
                formDatax.append("faks", faks);
                formDatax.append("sehir", sehir);
                formDatax.append("adres", adres);
                formDatax.append("name", name);
                formDatax.append("surname", surname);
                formDatax.append("tck", tck);
                formDatax.append("d_tarih", d_tarih);
                formDatax.append("phone", phone);
                formDatax.append("corporate_role", corporate_role);
                formDatax.append("asistanNameSurname", asistanNameSurname);
                formDatax.append("asistanMail", asistanMail);
                formDatax.append("asistanTel", asistanTel);
                formDatax.append("email", email);
                formDatax.append("sirketTel", sirketTel);
                formDatax.append('logo', $('#logo')[0].files[0]);
                formDatax.append('kimfoto', $('#kimfoto')[0].files[0]);
     
               

                $.ajax({
                    url: '{{ route("saveMyForm") }}',
                    type: 'post',
                    data: formDatax,
                    contentType: false,
                    processData: false,
                    success: function(response) {
                        if (response.status == 'success') {
                            Swal.fire({
                                icon: 'success',
                                title: 'İnceleme İsteği Başarılı',
                                text: 'Bilgileriniz başarılı bir şekilde kayıt edildi.',
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href = '/e-ysiid/portal';
                                }
                            });

                            setTimeout(() => {
                                window.location.href = '/e-ysiid/portal';
                            }, 3000);

                        }
                    }
                });
            }



        }


        Dropzone.autoDiscover = false;
        $(".dropzone").dropzone({
            url: "{{ route('addFile') }}",
            // addRemoveLinks: true,
            maxFiles: 10,
            acceptedFiles: "image/*, .pdf, .xlsx, .xls, .doc, .docx",
            dictDefaultPreviewContent: '<img src="/images/default-image.jpg" />',
            init: function() {
                myDropzone = this;
                $.ajax({
                    url: '{{ route('listFiles') }}',
                    type: 'post',
                    data: {
                        "_token": '{{ csrf_token() }}'
                    },
                    success: function(response) {

                        $.each(response, function(key, value) {
                            console.log(value);
                            var mockFile = {
                                name: value.name,
                                size: value.size
                            };
                            myDropzone.emit("addedfile", mockFile);
                            myDropzone.emit("thumbnail", mockFile, value.path);
                            myDropzone.emit("complete", mockFile);
                        });
                    }
                });
            },

            renameFile: function(file) {
                let newName = new Date().getTime() + '_' + file.name;
                return newName;
            },

            removedfile: function(file) {
                var name = file.name;
                $.ajax({
                    type: 'post',
                    url: '{{ route('authDelete') }}',
                    data: "id=" + name + "&_token={{ csrf_token() }}",

                });
                var _ref;
                return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) :
                    void 0;
            },
            previewsContainer: "#dropzone-previews",
            previewTemplate: `
            <div class="col-4">
                <ul class="list-group">
         <li class="list-group-item mt-3">
             <div class="media align-items-center">
                 <div class="d-flex row">
                     <div class="dz-image col-4 pb-2">
                         <img style='height:50px !important' data-dz-thumbnail class="img-fluid" alt="Görsel yok"/>
                         <span class="file-type-icon"></span>
                     </div>
                     <div class=" col-8 media-body ms-2 d-flex justify-content-start align-items-center">
                         <p class="mb-0"><strong class="name" data-dz-name></strong> <span
                                 class="badge badge-secondary" data-dz-size></span></p>
                     </div>
                 </div>


                 <div class="media-right mt-2 border-top">
                     <a type="button" class=" btn-sm remove-file" data-dz-remove>Kaldır</a>
                 </div>
             </div>
         </li>
     </ul>
    </div>
  `,
            thumbnailWidth: 120,
            thumbnailHeight: 120,
        });
    </script>
@endsection