@extends('layouts.guest')
@section('content')
    <div class="sign__box">

        <a href="#"><img src="{{ asset('img/logo.svg') }}" alt="logo"></a>
        <div class="head__">
            <h6>Register your account</h6>
            <p>Join the platform and start buying products</p>
        </div>
        <form action="{{ route('register') }}" method="POST">
            @csrf
            <div class="group__input required regular">
                <input name="company" type="text" placeholder="Company Name">
            </div>

            <div class="group__input group__dropdown required">
                <input type="hidden" name="country">
                <a href="#">
                    <span>Select a country...</span>
                    <img src="{{ asset('img/dropdownbottom.svg') }}" alt="dropdownbottom">
                </a>
                <div class="dropdown__box" style="display:none;">
                    <ul>
                        @foreach ($countries as $country)
                            <li>
                                <a href="#" data-value="{{ $country->name }}">
                                    {{ $country->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>


            <div class="group__input group__dropdown required">
                <input name="role" type="hidden">
                <a href="#">
                    <span>Are You Buyer Or Seller ?</span>
                    <img src="{{ asset('img/dropdownbottom.svg') }}" alt="dropdownbottom">
                </a>
                <div class="dropdown__box" style="display:none;">
                    <ul>
                        <li><a href="#">Buyer</a></li>
                        <li><a href="#">Seller</a></li>

                    </ul>
                </div>
            </div>
            <div class="group__input required email">
                <input name="email" type="text" placeholder="Professional email">
                <label for="">Email format not valid. Example: june@me.com</label>
            </div>
            <div class="group__input required password">
                <input name="password" type="password" placeholder="Password">
                <label for="">The password must contain at least 1 number, at least 1 lower case letter,
                    and at least 1 upper case letter</label>
            </div>
            <div class="group__submit">
                <button type="submit" class="regular-btn">
                    {{ __('Register') }}
                </button>
            </div>
            <div class="member">
                <p>Already member? <a style="color: #7BB65A;" href="{{ route('login') }}">Sign In</a></p>
            </div>
        </form>

    </div>
@endsection