@extends(get_view('index'))
@section('title')Üye Ol - @endsection
@section('header')

@endsection
@section('content')

    <div class="breadcrumb-area">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li><a href="{{ url('/') }}">{{ translate('homepage') }}</a></li>
                    <li class="active">{{ translate('register') }}</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-4 col-sm-8 col-12">
                <div class="border p-4" style="margin-bottom: 35px; margin-top: 35px;">

                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <div>
                                <h5>{{ translate('operation_failed') }}</h5>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li><i class="fa fa-angle-right"></i> {{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endif


                    <h4>{{ translate('register') }}</h4>

                    <form method="POST" action="{{ route('front.register.post') }}" class="pt-5">
                        @csrf
                        <div class="form-group">
                            <label>{{ translate('register') }}*</label>
                            <input type="name" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>
                        </div>
                        <div class="form-group">
                            <label>{{ translate('surname') }}*</label>
                            <input type="surname" name="surname" class="form-control @error('surname') is-invalid @enderror" value="{{ old('surname') }}" required>
                        </div>
                        <div class="form-group">
                            <label>{{ translate('email') }}*</label>
                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required>
                        </div>
                        <div class="form-group">
                            <label>{{ translate('password') }}*</label>
                            <input type="password" name="password" class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label>{{ translate('password_confirmation') }}*</label>
                            <input type="password" name="password_confirmation" class="form-control" required>
                        </div>
                        <div class="form-group form-check align-items-sm-start">
                            <input type="checkbox" class="form-check-input mt-0" name="social_share" id="social_share" style="width: 15px !important;">
                            <label class="form-check-label" for="social_share" style="font-size: 12px">
                                {{ env('APP_NAME') }} {{ translate('x_company_can_send_email') }}
                            </label>
                        </div>
                        <div class="form-group form-check align-items-sm-start">
                            <input type="checkbox" class="form-check-input mt-0" name="user_agreement" id="user_agreement" style="width: 15px !important;">
                            <label class="form-check-label" for="user_agreement" style="font-size: 12px">
                                <a href="{{ route('page.detail', ["slug" => "user-and-confidentiality-agreement"]) }}">{{ translate('User and Confidentiality Agreement') }}</a> {{ translate('I have read, I approve') }}
                            </label>
                        </div>
                    
                        <button type="submit" class="btn btn-primary w-100">Üye Ol</button>
                        <p class="text-center mt-2">
                            <small>
                                Ya da <a href="{{ route('front.login') }}">Giriş Yap</a>
                            </small>
                        </p>
                    </form>

                </div>
            </div>
        </div>
    </div><!-- container -->

@endsection
@section('footer')

@endsection