@extends('public.core.core', ['register' => 'fatih'])
@section('title')
    Kayıt Ol
@endsection
@section('extra_js')
    <script src="{{ asset('assets/js/register.js') }}"></script>
@endsection

@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">

        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== REGISTER PART START ======-->
    <section class="login-area pt-70 pb-70">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-10">
                    <div class="login-wrapper box-style">
                        <h3 class="mb-20 text-center">Kayıt Ol</h3>
                        <div class="row">
                            <div class="col-6" id="personality"
                                style="@if (session('reg_err_per')) ;color:#fff @else ;color:#7C869A @endif">
                                <div class="box-style single-card text-center"
                                    @if (session('reg_err_per')) style="background-color: #FF6B6B" @endif>
                                    <div class="icon">
                                        <i style="font-size: 36px" class="bi bi-person"></i>
                                    </div>
                                    <div class="text">
                                        <h5 id="per_title" @if (session('reg_err_per')) style="color: #fff" @endif>
                                            Bireysel</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6" id="company"
                                style="@if (session('reg_err_com')) ;color:#fff @else ;color:#7C869A @endif">
                                <div class="box-style single-card text-center"
                                    @if (session('reg_err_com')) style="background-color: #FF6B6B" @endif>
                                    <div class="icon">
                                        <i style="font-size: 36px" class="bi bi-building"></i>
                                    </div>
                                    <div class="text">
                                        <h5 id="com_title" @if (session('reg_err_com')) style="color: #fff" @endif>
                                            Firma</h5>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <form action="{{ route('register') }}"
                            style="display: @if (session('reg_err_per')) block @else none @endif" id="per_form"
                            method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="fname" class="mb-2">Ad</label>
                                        <input type="text" id="fname" name="fname"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('fname') }}" required>
                                        @error('fname')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="lname" class="mb-2">Soyad</label>
                                        <input type="text" id="lname" name="lname"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('lname') }}" required>
                                        @error('lname')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="telephonep" class="mb-2">Telefon</label>
                                        <input type="text" id="telephonep" name="telephone"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('telephone') }}"
                                            oninput="tel('telephonep')" maxlength="14" required>
                                        @error('telephone')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="email" class="mb-2">Email</label>
                                        <input type="text" id="email" name="email"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('email') }}" required>
                                        @error('email')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="password" class="mb-2">Parola</label>
                                        <input type="password" id="password" name="password"
                                            class="py-2 px-3 mb-0 rounded border" required>
                                        @error('password')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="password_confirmation" class="mb-2">Tekrar Parola</label>
                                        <input type="password" id="password_confirmation" name="password_confirmation"
                                            class="py-2 px-3 mb-0 rounded border" required>

                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-30">
                                        <button class="main-btn btn-hover py-2 px-5 rounded" type="submit">Kayıt
                                            Ol</button>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-30">
                                        <p>Hesabın var mı ? <a href="{{ route('login') }}">Giriş Yap</a></p>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <form action="{{ route('register') }}"
                            style="display: @if (session('reg_err_com')) block @else none @endif" id="com_form"
                            method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="company_name" class="mb-2">Firma Adı</label>
                                        <input type="text" id="company_name" name="company_name"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('company_name') }}"
                                            required>
                                        @error('company_name')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="category" class="mb-2">Firma Kategorisi</label>
                                        <select name="category" id="category"
                                            class="py-2 px-3 mb-0 rounded border form-control">
                                            <option value="" disabled>Seçiniz</option>
                                            @foreach ($categories as $category)
                                                <option value="{{ $category->id }}">{{ $category->title }} </option>
                                            @endforeach
                                        </select>
                                        @error('category')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="fname" class="mb-2">Ad</label>
                                        <input type="text" id="fname" name="fname"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('fname') }}" required>
                                        @error('fname')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="lname" class="mb-2">Soyad</label>
                                        <input type="text" id="lname" name="lname"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('lname') }}" required>
                                        @error('lname')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="telephonec" class="mb-2">Telefon</label>
                                        <input type="text" id="telephonec" name="telephone"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('telephone') }}"
                                            oninput="tel('telephonec')" maxlength="14" required>
                                        @error('telephone')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="email" class="mb-2">Email</label>
                                        <input type="text" id="email" name="email"
                                            class="py-2 px-3 mb-0 rounded border" value="{{ old('email') }}" required>
                                        @error('email')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="password" class="mb-2">Parola</label>
                                        <input type="password" id="password" name="password"
                                            class="py-2 px-3 mb-0 rounded border">
                                        @error('password')
                                            <span class="invalid-feedback d-block" role="alert" required>
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-20">
                                        <label for="password_confirmation" class="mb-2">Tekrar Parola</label>
                                        <input type="password" id="password_confirmation" name="password_confirmation"
                                            class="py-2 px-3 mb-0 rounded border" required>

                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-30">
                                        <button class="main-btn btn-hover py-2 px-5 rounded" type="submit">Kayıt
                                            Ol</button>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="single-form mb-30">
                                        <p>Hesabın var mı ? <a href="{{ route('login') }}">Giriş Yap</a></p>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== REGISTER PART ENDS ======-->
@endsection