@extends('Website.Layout.App')

@push('css')
    <link href="{{ asset('assets/css/custom/aboutus.css') }}" rel="stylesheet">
@endpush

@push('css')
    <link href="{{ asset('assets/css/custom/register.css') }}" rel="stylesheet">
@endpush

@section('content')

<div class="containe mt-5">
    <div class="row d-flex justify-content-center">
        <div class="col-11 col-md-4">
            
            <div class="card shadow-lg bg-light border-0 register-card">
                <div class="card-header register-card-header">
                    Sign Up
                </div>
                <div class="card-body register-card-body p-3">

                    <div class="flash-message">
                        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                            @if (Session::has('alert-' . $msg))
                                <p class="alert alert-{{ $msg }} d-flex justify-content-between p-2">
                                    <b>{{ Session::get('alert-' . $msg) }}</b>
                                    <i class="fa fa-times-circle close" aria-hidden="true" data-dismiss="alert" aria-label="close"></i>
                                </p>
                                {{ session()->forget('alert-' . $msg) }}
                            @endif
                        @endforeach
                    </div>
                    
                    <form action="{{ $userType == 'USER' ? url('/auth/registration') 
                                : ($userType == 'FREELANCER' ? url('/auth/registration/freelancer') 
                                : url('/auth/registration'))}}" 
                                method="post">
                        @csrf
                        @if($userType=="USER")
                            <div class="mt-3">
                                <label for="" class="form-label">Select Entity</label>
                                <select class="form-control"
                                    id="entity_id"
                                    name="entity_id"
                                    required
                                    >
                                    <option value="">Select Entity Type</option>
                                    @if(count($entity_types))
                                        @foreach($entity_types as $e)
                                            <option value="{{$e->value}}">{{$e->label}}</option>
                                        @endforeach
                                    @endif
                                </select>   
                            </div>
                        @endif
                        
                        <div class="mt-3">
                            <label for="" class="form-label mt-2">Your Name</label>
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="text" class="form-control nameInput mt-2" 
                                            id="first_name" 
                                            name="first_name"
                                            placeholder="Your first name"
                                            required
                                            minlength="3"
                                            maxlength="100"
                                            value="{{ old('first_name') ?? NULL }}"
                                            >
                                </div>
                                <div class="col-md-6 mt-2">
                                    <input type="text" class="form-control nameInput mr-2" 
                                            id="last_name" 
                                            name="last_name"
                                            placeholder="Your last name"
                                            required
                                            required
                                            minlength="3"
                                            maxlength="100"
                                            value="{{ old('last_name') ?? NULL }}"
                                            >
                                </div>
                            </div>
                        </div>

                     

                         <div class="mt-3">
                            <label for="" class="form-label">Email address</label>
                            <input type="email" class="form-control" 
                                    id="email"
                                    name="email"
                                    placeholder="Your email address"
                                    required
                                    minlength="3"
                                    maxlength="100"
                                    value="{{ old('email') ?? NULL }}"
                                    >
                        </div>

                        <div class="mt-3">
                            <label for="" class="form-label">Mobile No</label>
                            <input type="text" class="form-control mobileNoInput" 
                                    id="mobile_no"
                                    name="mobile_no"
                                    placeholder="Your mobile number"
                                    required
                                    minlength="10"
                                    maxlength="10"
                                    value="{{ old('mobile_no') ?? NULL }}"
                                    >
                        </div>

                        <div class="mt-3">
                            <label for="" class="form-label">Password</label>
                            <input type="password" class="form-control" 
                                    id="password"
                                    name="password"
                                    placeholder="Your password"
                                    required
                                    minlength="3"
                                    maxlength="100"
                                    value="{{ old('password') ?? NULL }}"
                                    >
                        </div>

                        <div class="mt-3">
                            <label for="" class="form-label">Confirm Password</label>
                            <input type="password" class="form-control" 
                                    id="password_confirmation"
                                    name="password_confirmation"
                                    placeholder="Confirm your password"
                                    required
                                    minlength="3"
                                    maxlength="100"
                                    value="{{ old('password_confirmation') ?? NULL }}"
                                    >
                        </div>

                        {{-- <div class="mt-3">
                            <label for="" class="form-label">Email address</label>
                            <input type="email" class="form-control" id="" aria-describedby="emailHelp">
                        </div> --}}
                        
                        <div class="d-flex justify-content-center mt-4">
                            <button type="submit" 
                                    class="sign-up-button">
                                    Sign Up
                            </button>
                        </div>

                        <div class="mt-4 back-to-login text-center">
                                Already have an account ? <span><a href="{{url('auth/login')}}">Login</a></span>
                        </div>

                      </form>
                </div>
            </div>


        </div>
    </div>
</div>

@endsection