@extends('site.layouts.master')
@section('content')
@php
    $header = 'false';
    $footer = 'false';
    $bread = 'false';
@endphp


            <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>


                                    <form class="contact-form respondForm__form row y-gap-20 pt-30" action="{{route('support')}}" method="POST">
                                        @csrf
                                        <div class="col-12">
                                            <label class="text-16 lh-1 fw-500 text-dark-1 mb-10">کد را وارد کنید</label>
                                            <input type="text" name="support" value="" placeholder="کد پشتیبانی خود را وارد کنید " required>
                                        </div>
                                        <input type="hidden" name="phone" value="{{ $mobile }}">
                                        {{-- <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