@extends('site.layouts.master')
@section('content')
@php
    $footer = 1;
@endphp
<style>
    .main {
        background: url("site/img/paracivil/8.jpg");
        background-repeat: no-repeat;
        background-size: contain;
        /*margin-top: 4.5em;*/
    }
    body{
         background: linear-gradient(99deg, #0a4baf, #4055c0, #ca6ce6);
         overflow-y: hidden;
     }
</style>
<!-- Begin page content -->
    <main class="flex-shrink-0 main has-footer has-image-back">
        <!-- 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> --}}
                        <span class="fas fa-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('register') }}" 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" style="margin-top: -39px;">
                        <div class="login-paracivil">
                            <h2 class="font-weight-normal" style="margin-bottom: 30px;"> کد تایید را وارد کنید</h2>
                            <form action="{{ route('login.check-code') }}" method="POST">
                                @csrf
                                <input type="hidden" name="phone" value="{{ $phone }}">
                                <div class="form-group mb-0 float-label active">
                                    <label class="form-control-label text-white @error('code') is-invalid @enderror">کد تایید</label>
                                    <input type="text" name="code" value="{{ $code }}" class="form-control text-white">

                                    @error('code')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-default btn-block shadow"> بررسی</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection