@extends('site.layouts.master')
@section('content')
@php
    $footer = 1;
@endphp
<style>
    .main {
        /*background: url("site/img/paracivil/1.jpg");*/
        /*background-repeat: no-repeat;*/
        /*background-size: contain;*/
        /*margin-top: 4.5em;*/
    }
</style>
<!-- Begin page content -->
    <main class="flex-shrink-0 main has-footer">
        <!-- Fixed navbar -->
        <header class="header">
            <div class="row">
                <div class="col-auto px-0">
                    <button class="menu-btn btn btn-40 btn-link back-btn" type="button">
                        <span class="material-icons">keyboard_arrow_right</span>
                    </button>
                </div>
                <div class="text-left col align-self-center">

                </div>
                <div class="ml-auto col-auto align-self-center">
                    <a href="{{ route('login') }}" class="text-white">
                        ورود
                    </a>
                </div>
            </div>
        </header>

        <div class="container h-100 text-white">
            <div class="row h-100">
                <div class="col-12 align-self-center mb-4">
                    <div class="row justify-content-center">
                        <div class="login-paracivil">
                            <h2 class="font-weight-normal mb-1">ثبت نام</h2>
                            <form action="{{ route('register') }}" method="POST">
                                @csrf
                                <input type="hidden" name="referral" value="{{ request()->ref != null ? request()->ref : '' }}">
                                <div class="form-group float-label active">
                                    <label class="form-control-label text-white @error('username') is-invalid @enderror">نام کاربری</label>
                                    <input type="text" name="username" value="{{ old('username') }}" class="form-control text-white">

                                    @error('username')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group float-label">
                                    <label class="form-control-label text-white @error('name') is-invalid @enderror">نام و نام خانوادگی</label>
                                    <input type="text" name="name" value="{{ old('name') }}" class="form-control text-white">

                                    @error('name')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group float-label">
                                    <label class="form-control-label text-white @error('phone') is-invalid @enderror">شماره موبایل</label>
                                    <input type="text" name="phone" value="{{ old('phone') }}" class="form-control text-white">

                                    @error('phone')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="form-group float-label position-relative">
                                    <label class="form-control-label text-white @error('password') is-invalid @enderror"> رمز عبور</label>
                                    <input type="password" name="password" class="form-control text-white">

                                    @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-default rounded btn-block">ثبت نام</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection