@extends('layouts.base')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/vendor/vendor.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/plugins/plugins.min.css') }}">
@endsection

@section('content')
    <div class="section pt-30 pt-sm-40">
        <div style="max-width: 800px;" class="container">
            <div class="section-title text-center" data-aos="fade-up">
                <h2 class="title">Kullanıcı Adı Değişmi</h2>
                <p class="sub-title">Değiştirmek istediğiniz kullanıcı adını lütfen aşağıdaki kutucuğa girip doğrulama yapınız.</p>
            </div>
        </div>
    </div>

    <div class="cta-section section pb-20">
        <div class="container text-center icon-up-down-animation">
            <div class="row">
                <div class="col-md-6 offset-md-3">
                    @if (\Session::has('error'))
                        <div class="alert alert-danger mg-b-0 alert-dismissible fade show" role="alert">
                            {!! \Session::get('error') !!}
                        </div>
                        <br>
                    @endif

                    <form method="post" action="{{ route('site.auth.usernameVerified',['code' => $code]) }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-12 col-12 mb-5">
                                <input type="text" placeholder="Lütfen kullanıcı adınızı giriniz." name="username">
                            </div>
                            <div align="center" class="col-md-12 mb-5">
                                <button style="border-radius:5px;" class="btn-shake"><span>İşlemi Onayla</span></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('js')
    <script src="{{ asset('assets/js/vendor/vendor.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/plugins.min.js') }}"></script>

    <script src="{{ asset('assets/js/main.js') }}"></script>
@endsection

@section('script')
    <script>

    </script>
@endsection