@extends('site.layouts.master')
@section('title', 'ورود و ثبت نام')
@section('content')
@php
    $header = 'false';
    $footer = 'false';
    $bread = 'false';

@endphp
<style>
    .in-num{
    border: 0;
  outline: none;
  width: 100%;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  font-size: 15px;
  line-height: 1.5;
  padding: 15px 22px;
  transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  text-align: left
    }
</style>


            <section class="form-page js-mouse-move-container">
                <div class="form-page__img bg-dark-1">
                    <div class="form-page-composition">
                        <div class="-bg"><img data-move="30" class="js-mouse-move" src="{{asset('site/img/login/bg.png')}}"
                                alt="bg"></div>
                        <div class="-el-1"><img data-move="20" class="js-mouse-move" src="{{asset('site/img/home-9/hero/bg.png')}}"
                                alt="image"></div>
                        <div class=""><img data-move="40" width="100%" height="100%" class="js-mouse-move rounded-circle m-auto d-flex" src="{{asset('site/img/home-1/milad-nasehzade.png')}}"
                                alt="icon"></div>

                    </div>
                </div>

                <div class="form-page__content lg:py-50">
                    <div class="container">
                        <div class="row justify-center items-center">
                            <div class="col-xl-6 col-lg-8">
                                <div class="px-50 py-50 md:px-25 md:py-25 bg-white shadow-1 rounded-16">
                                    <h3 class="text-30 lh-13">ورود</h3>
                                    {{-- <p class="mt-10">آیا هنوز ثبت نام نکرده اید؟ <a href="{{route('register')}}"
                                            class="text-purple-1">ثبت نام رایگان</a></p> --}}

                                    <form class="contact-form respondForm__form row y-gap-20 pt-30" action="{{route('login')}}" method="POST">
                                        @csrf
                                        <div class="col-12">
                                            <label class="text-16 lh-1 fw-500 text-dark-1 mb-10">شماره تلفن</label>
                                            <input type="number" class="in-num" name="phone" placeholder="09000000000" required>
                                        </div>
                                        <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" name="customCheck2"  id="customCheck2">
                                        <label class="custom-control-label" for="customCheck2">ورود با کد پشتیبانی</label>
                                        </div>
                                        {{-- <div class="col-12">
                                            <label class="text-16 lh-1 fw-500 text-dark-1 mb-10">رمز عبور</label>
                                            <input type="password" name="title" placeholder="********">
                                        </div> --}}
                                        <div class="col-12">
                                            <button type="submit" name="submit" id="submit"
                                                class="button -md -green-1 text-dark-1 fw-500 w-1/1">
                                                ورود
                                            </button>
                                        </div>
                                    </form>

                                    {{-- <div class="lh-12 text-dark-1 fw-500 text-center mt-20">یـا ورود با حساب </div>

                                    <div class="d-flex x-gap-20 items-center justify-between pt-20">
                                        <div><button
                                                class="button -sm px-24 py-20 -outline-blue-3 text-blue-3 text-14">Facebook</button>
                                        </div>
                                        <div><button
                                                class="button -sm px-24 py-20 -outline-red-3 text-red-3 text-14">Google</button>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

@endsection