@extends('layouts.index')
@section('css-part')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('assets/css/login.css') }}">
@endsection
@section('js-part')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="{{ asset('assets/js/city.js') }}"></script>
<script src="{{ asset('assets/js/login.js') }}"></script>
@endsection
@section('container')
<div class="container d-flex justify-content-center align-items-center h-100">
    <div class="auth-div">
        <div class="auth-header">
            <div class="col-6 auth-header-btn active" id="loginDiv">
                <h4>ورود</h4>
            </div>
            <div class="col-6 auth-header-btn" id="RegisterDiv">
                <h4>ثبت نام</h4>
            </div>
        </div>
        <div class="auth-body">
            <div id="loginFormDiv">
                @include('layouts.notification.success')
                @include('layouts.notification.error')
                <div class="d-flex justify-content-center align-items-center">
                    <img src="{{asset('assets/upload/main/Logozarborj.webp')}}" alt="زربرج" style="width: 140px; height: auto; margin-bottom: -35px;">
                </div>
                <div id="login_div">
                @include('layouts.auth.partials.login')
                </div>
                <div id="newpassdiv" style="display: none;">
                @include('layouts.auth.partials.newpass')
                </div>
            </div>
            <div id="registerFormDiv" style="display: none;">
                @include('layouts.auth.partials.register')
            </div>
        </div>
    </div>
</div>
@endsection