@extends('website.layouts.master')
@section('content')
    <!-- Start Banar -->
    <div class="banar text-center">
        <div class="info" data-aos-delay="200" data-aos-duration="800" data-aos="fade-up">
            <h1 class="mt-4">{{trans('sidebar.register')}}</h1>
            <a href="{{route('register')}}?type=personal"
               class="{{(request()->get('type') == 'personal')?'active':''}}">
                <i class="fas fa-check-circle"></i>
                {{trans('sidebar.personal_account')}}
            </a>
            <a href="{{route('register')}}?type=company"
               class="{{(request()->get('type') == 'company')?'active':''}} mr-3">
                <i class="fas fa-check-circle"></i>
                {{trans('sidebar.company_account')}}
            </a>
        </div>
    </div>
    <!-- End Banar -->
    <!-- ================================================= -->
    <!-- Start Create -->
    <div class="create mt-5 mb-5">
        <div class="container">
            <form method="POST" action="{{ route('register') }}">
                @csrf
                <input type="hidden" name="type" value="{{request()->get('type')}}">
                <div class="row mb-4">
                    <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <input class="form-control @error('full_name') is-invalid @enderror" type="text"
                               name="full_name"
                               placeholder="{{trans('sidebar.full_name')}}">
                        @error('full_name')
                        <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <input required class="form-control @error('national_id') is-invalid @enderror" type="number" name="national_id"
                               placeholder="{{trans('sidebar.national_id')}}">
                        @error('national_id')
                        <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <input required class="form-control @error('password') is-invalid @enderror" type="password" name="password"
                               placeholder="{{trans('sidebar.password')}}">
                        @error('password')
                        <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <input required class="form-control @error('phone') is-invalid @enderror" type="text" name="phone"
                               placeholder="{{trans('sidebar.phone')}}">
                        @error('phone')
                        <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                        <input required class="form-control @error('email') is-invalid @enderror" type="email" name="email"
                               placeholder="{{trans('sidebar.email')}}">
                        @error('email')
                        <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    @if(request()->get('type') == 'company')
                        <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <input required class="form-control @error('company_name') is-invalid @enderror" type="text"
                                   placeholder="{{trans('sidebar.company_name')}}" name="company_name">
                            @error('company_name')
                            <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                            @enderror
                        </div>
                        <div class="col-lg-6 mb-3" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                            <input required class="form-control @error('file_no') is-invalid @enderror" type="text"
                                   placeholder="{{trans('sidebar.company_file_no')}}" name="file_no">
                            @error('file_no')
                            <span class="invalid-feedback text-danger" role="alert">
                              <strong>{{ $message }}</strong>
                        </span>
                            @enderror
                        </div>
                    @endif
                </div>
                <div class="form-check d-block mb-4" data-aos-delay="100" data-aos-duration="800"
                     data-aos="fade-up">
                    <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" required>
                    <div class="lbl">
                        <label class="form-check-label" for="defaultCheck1">
                            {{trans('sidebar.agree_policy')}}
                        </label>
                    </div>
                </div>
                <div class="links" data-aos-delay="100" data-aos-duration="800" data-aos="zoom-in">
                    <button class="submit" type="submit">{{trans('sidebar.register')}}</button>
                    <a href="{{route('login')}}">{{trans('sidebar.login')}}</a>
                </div>
            </form>

        </div>
    </div>
    <!-- End Create -->
@endsection