@extends('layouts.app')
@section('content')
    <style>
        .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">
                     <form action="{{route('password_change_progress')}}" method="POST">
                            @csrf

                            @if (@$_GET['succ'])
                                <div class="alert alert-success">
                                    {{ $_GET['succ'] }}
                                </div>
                            @endif
                            @if(@$_GET['err'])
                                <div class="alert alert-danger" role="alert">
                                    {{$_GET['err']}}
                                </div>
                            @endif

                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Yeni Şifreniz</label>
                                <input  type="password" minlength="6" maxlength="10" class="form-control" id="password" name="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,10}" required oninvalid="this.setCustomValidity('Parolanız en az 1 rakam, 1 küçük harf, 1 büyük harf içermelidir. En az 6, en fazla 10 karakter olmalıdır.')" oninput="this.setCustomValidity('')">
                                <div id="emailHelp" class="form-text">Parolanız en az 1 rakam, 1 küçük harf, 1 büyük harf içermelidir. En az 6, en fazla 10 karakter olmalıdır.</div>
                            </div>
                            <div class="mb-3">
                                <label for="exampleInputEmail1" class="form-label">Yeni Şifreniz Tekrar</label>
                                <input  type="password" minlength="6" maxlength="10" class="form-control" id="password" name="password_re" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,10}" required oninvalid="this.setCustomValidity('Parolanız en az 1 rakam, 1 küçük harf, 1 büyük harf içermelidir. En az 6, en fazla 10 karakter olmalıdır.')" oninput="this.setCustomValidity('')">
                                <div id="emailHelp" class="form-text">Yukarıda girmiş olduğunuz şifreyi tekrar girmelisiniz.</div>
                            </div>
                            <button class="btn btn-primary">Gönder</button>
                        </form>
                     </div>
                </div>
            </div>
        </div>
    </div>
@endsection