@extends('layouts.app')
@section('content')




    <script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
    <ink 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-botom: 20px;
            overflow: hidden;
            background-color: #f5f5f5;
            bordr-radius: 4px;
        }

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

        .dz-imagepreview {
            display: flex;
        }

        .list-group-item {
            border: none;
            background-color: #f5f5f5;
            border-bottom: 1px solid #d6d4d4;
        }

        .list-group-item:hover {
            background-color: #e5e5e5;
        }

        .list-group-item a {
            color: #000;
            display: block;
        }

        .list-group-item a:hover {
            color: 000;
        }

        .list-group-item a:active {
            color: #000;
        }

        .list-group-item a:focus {
            color: #000;
        }

        .list-group-item a:visited {
            color: #000;
        }

        .list-group-item a:link {
            color: #000;
        }
    </style>
    <div class="container my-5">
        <div class="row">
            <div class="col-md-3 col-12 p-0 shadow border text-center" style="min-height:400px; background-color: #f5f5f5;">
                <a hre="/e-ysiid/portal">
                    <h6 class="strong d-flex justify-content-center align-items-center mb-0"
                        style="display:block;background-color:#474747;color:#fff;height:71px;box-shadow: 0 7px 7px -8px;">Üye
                        Paneli</h6>
                </a>
                <ul class="list-group list-group-flush text-start">

                    <li class="list-group-item"><a class="btn-link" href="/e-ysiid/uye-bilgilerim">Üye Bilgilerim</a></li>
                    <li class="list-group-item"><a class="btn-link" href="/e-ysiid/yuklenen-dosyalar">Yüklenen Dosyalar</a></li>
                    <li class="list-group-item"><a class="btn-link" href="/e-ysiid/odemeler">Ödemeler</a></li>
                    <li class="list-group-item"><a class="btn-link" href="/e-ysiid/sifre-degistir">Şifre Değiştir</a></li>
                    <li class="list-group-item"><a class="btn-link" href="/e-ysiid/logout">Oturumu Kapat</a></li>
                </ul>
            </div>
            <div class="col-md-9 col-12 px-4" style="min-height:400px">
                <div class="w-100    h-100">
                    <div class="border-bottom text-right d-flex justify-content-between">
                        <div style="font-weight:600;color:#000">
                            {{ $uye->isLegal == 'tuzel' ? $uye->corporate_name : $uye->name . ' ' . $uye->surname }}
                        </div>

                        <div>#{{ $uye->id }}</div>



                    </div>
                    <div class="col-12 mt-2">

                        <di class="container my-5">
                            <div class="row mb-5" style="min-height: 500px">
                                <div class="col">
                                    <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" readonly>
                                            </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" readonly disabled>
                                                    <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 == '<10' ? ' checked ' : '' }}
                                                    value="<10" required>
                                                <label class="form-check-label" for="personel-1">
                                                    10 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 == '11-50' ? ' checked ' : '' }}
                                                    value="11-50" required>
                                                <label class="form-check-label" for="personel-2">
                                                    11-50
                                                </label>
                                            </div>
                                            <div class="form-check me-4">
                                                <input class="form-check-input" type="radio" name="personel_sayisi"
                                                    id="personel-3"
                                                    {{ $uye->personel_sayisi == '50-250' ? ' checked ' : '' }}
                                                    value="50-250" required>
                                                <label class="form-check-label" for="personel-3">
                                                    50-250
                                                </label>
                                            </div>
                                            <div class="form-check me-4">
                                                <input class="form-check-input" type="radio" name="personel_sayisi"
                                                    id="personel-4"
                                                    {{ $uye->personel_sayisi == '>250' ? ' checked ' : '' }}
                                                    value=">250" required>
                                                <label class="form-check-label" for="personel-4">
                                                    250 ve daha fazla
                                                </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>
                                                <img style="height:200px"
                                                    src="{{ !empty($uye->logo) ? '/uploads/sra/' . md5(session('uye_id') . 'MB') . '/docs/' . $uye->logo : '' }}"
                                                    alt="">


                                            </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" readonly
                                                    disabled>

                                            </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="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 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;">Güncelle</button>
                                        </div>
                                    </div>
                                </div>








                            </div>
                    </div>

                </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 (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("formUpdate", "1")




                    $.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/uye-bilgilerim';
                                    }
                                });

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

                            }
                        }
                    });
                }



            }


            Dropzone.autoDiscover = false;
            $(".dropzone").dropzone({
                url: "/",
                maxFiles: 10,
                acceptedFiles: "image/*, .pdf, .xlsx, .xls, .doc, .docx",
                dictDefaultPreviewContent: '<img src="/images/default-image.jpg" />',
                clickable: false,
                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);
                            });
                        }
                    });
                },


                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>
                </li>
            </ul>
            </div>
        `,
                thumbnailWidth: 120,
                thumbnailHeight: 120,
            });
        </script>
    @endsection