@extends('layouts.user.usercas')
@section('title') HELP @endsection
@section('meta_description') Register your substances with us and we will help you to fulfill all compliance
requirements also you can contact our experts for further details. @endsection
@section('meta_keywords') HELP @endsection
@section('pageTitle')
HELP
@endsection
@section('content')
<style type="text/css">
    .display { 
        display: none
    }

    .td {
        border-right: 1px solid rgb(82 63 105 / 15%);
    }
</style>


<div align="justify" style="font-family: Calibri;font-size: 20px;">
    <div class="row">
            <div class="col-md-6">
                <b>
                    LOA DETAYLARINI ALMAK VE MBDF SÖZLEŞMESİNİ ÇEVRİMİÇİ GÖNDERMEK İÇİN PROSEDÜR
                </b>
            </div>
            <div class="col-md-6" style="text-align:end">
                <button data-toggle="modal" data-target="#myModal" title="Watch Video For Help" style="background: #172e43;color: white;border: 1px solid #172e43;padding: 4px;border-radius: 5%;" > <i class="fas fa-video" style="background: #68541a;padding: 12px;color: white; border-radius: 50%;box-shadow: 1px 2px 4px 0px black;"></i>&nbsp;Help!!</button>
                <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog modal-xl" style="position: relative;margin: 0 auto;top: 4%;">
                <!-- Modal content-->
                <div class="modal-content ">
                    <div class="modal-header" style="background: #1b1a19;border-bottom:none">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body" style="text-align: center;background: #1b1a19;">
                    <style>.videoaccordion {
                    background-color: #68541a;
                    color: white;
                    cursor: pointer;
                    padding: 18px;
                    width: 100%;
                    border: none;
                    text-align: left;
                    outline: none;
                    font-size: 15px;
                    transition: 0.4s;
                    }

                    .active, .accordion:hover {
                    background-color: #172e43; 
                    }

                    .videopanel {
                    padding: 0 18px;
                    display: none;
                    background-color: white;
                    overflow: hidden;
                    }</style>
                   <button class="videoaccordion">LR Portal English</button>
                    <div class="videopanel">
                    <video width="1000" height="500"  controls>
                        <source src="{{asset('videos/LR_portal_Turkey_English_version_2.mp4')}}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                    </div>

                    <button class="videoaccordion">LR Portal Turkey</button>
                    <div class="videopanel">
                    <video width="1000" height="500"  controls>
                        <source src="{{asset('videos/LR_Portal_Turkey_Turkish_version_2.mp4')}}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                    </div>
                    </div>
                </div>
                <!-- Modal content end -->
                </div>
            </div>
            </div>
    </div>
    
    <br><br>

    1. ADIM:<br>
    Lütfen SIP sayfasındaki kabul et düğmesine tıklayarak lider kayıt ettiren tarafından önerilen madde tanımlama profilini (SIP) kontrol edin. SIP onayı, size MBDF sözleşmesiyle birlikte LOA ayrıntılarını sağlamak için ortak başvuru formu (JSF) ayrıntılarını doldurmanıza olanak tanır.<br><br>

    2. ADIM:<br>
    Bu bilgiler SIEF sözleşmesinde görüneceğinden lütfen JSF'deki bilgileri doğru olacak şekilde doldurun. Ortak başvuru formunu doldurduğunuzda, MBDF sözleşmesi ile birlikte LOA ayrıntıları talebi etkinleştirilecektir.<br><br>

    3. ADIM: LOA detay talebinize müteakip 5 gün içinde ilgili kısım sayfada aktifleştirilecektir. Bu  bilgileri gözden geçirerek MBDF sözleşmesini çevrimiçi olarak imzalayıp imzalamayacağınıza karar verebilirsiniz.<br><br>

    4. ADIM:<br>
    MBDF sözleşme içeriğini okuyabilir ve gönder butonuna tıkladıktan sonra elektronik olarak imzalayabilirsiniz. Gönder düğmesine tıkladığınızda, kayıtlı e-posta adresiniz ve KKS’deki e-posta adresi (farklı olması durumunda) bir “Tek Kullanımlık Şifre” (OTP) alacaktır. İmzalama işlemini tamamlamak için OTP'yi ekranda girmeniz gerekmektedir. Akabinde butona tıklayarak MBDF sözleşmesini verilen UUID adına imzalamış olacak ve bu konuda bir onay e-postası alacaksınız. Bu işlem, LOA faturalandırmasını başlatacaktır.<br><br>

    5. ADIM:<br>
    MBDF sözleşmesini gönderdikten sonra, sözleşmeyi imzalamış olduğunuz seçili tonaj bandına ait fatura size gönderilecektir. Ayrıca Lider tarafından da imzalandıktan sonra ilgili sözleşmenin karşılıklı imzalı hali sistemde mevcut olacaktır.<br><br>

    6. ADIM:<br>
    Ödeme tarafımıza ulaştığında, kayıt işlemlerinizi tamamlayabilmeniz için size ortak başvurunun kapsamına göre ortak başvuru detaylarını göndereceğiz.<br><br>

    Herhangi bir sorunuz olması durumunda aşağıdaki adreslerle iletişime geçebilirsiniz
    MBDF Yöneticisi: <a style="color:blue;"
        href='mailto:siefmanager1@regulation-reach.com'>siefmanager1@regulation-reach.com</a> <br>
        Teknik Destek için:<a style="color:blue;" href='mailto:Roshani@in.gpcregulatory.com'>
        Roshani@in.gpcregulatory.com</a>
</div>

@endsection
@section('scripts')
<script>
var acc = document.getElementsByClassName("videoaccordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.display === "block") {
      panel.style.display = "none";
    } else {
      panel.style.display = "block";
    }
  });
}
</script>
@endsection