@extends('welcome')

@section('seo_title', __('Add Company') . ' | ')

@section('content')

<div class="flex py-8 min-h-screen px-5">
    <div class="mt-20 mx-auto w-full max-w-5xl lg:flex items-center p-5 bg-white rounded-lg shadow">

        <div class="lg:w-1/2">
            <img src="{{asset('images/suggest-company.svg')}}" alt="login" class="rounded lg:h-full" />
        </div>

        <div class="lg:w-1/2">

            <h2 class="text-dark text-2xl font-black heading-gradient mb-5">{{__("Didn't find the company you're looking for?")}}</h2>


            <p class="p-3 text-sm bg-stone-100 text-stone-600 rounded-lg shadow-sm mb-5">
                {{__('You can suggest a new company for approval on our platform') }}
            </p>

            <!-- Session Status -->
            <x-auth-session-status class="mb-4" :status="session('status')" />

            <x-auth-validation-errors class="mb-4" :errors="$errors" />

            <form method="POST" action="{{ route('suggestCompany.process') }}">
                @csrf
                <div>
                    <x-label for="url" :value="__('URL*')" />

                    <x-input id="url" class="block mt-1 w-full" type="text" name="url" :value="old('url')" required autofocus />
                </div>

                <div class="mt-4">
                    <x-label for="name" :value="__('Company Name*')" />

                    <x-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required />
                </div>

                <div class="mt-4">
                    <x-label for="name" :value="__('Category*')" />

                    <select id="category" class="px-2 py-2 rounded-md shadow-sm border-0 bg-stone-100 outline-0 focus:ring-0 ring-0 text-stone-500 font-bold w-full" name="category" required>
                        <option value="">{{__('Select Category')}}</option>
                        @foreach($categories as $category)
                        <option value="{{$category->id}}" @if(old('category')==$category->id) selected @endif>{{$category->name}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mt-4">
                    <x-label for="location" :value="__('Location*')" />

                    <textarea name="location" id="location" class="bg-stone-100 px-2 py-2 rounded-lg shadow-sm focus:ring-0 border-0 resize-none outline-0 text-stone-500 font-medium w-full placeholder-stone-400" rows="5" placeholder="{{__('Enter full address including City/State/Country')}}">{{old('location')}}</textarea>
                </div>

                <x-button class="mt-4">{{__('Suggest Company')}}</x-button>
            </form>
        </div>
    </div>
</div>

@endsection