@extends('layouts.app')

@section('title', 'Placement')
@section('styles')
@endsection
@section('content')
    <div class="container mb-3  mobile-space">
        <div class="d-flex col-md-12 align-items-center justify-content-start flex-wrap p-0">
            <div class="col-md-11 text-center col-sm-12 title-bar">
                <p class="text-white text-30">Search Talent</p>
            </div>
        </div>
    </div>
    <div class="col-md-11 m-auto pl-4">Use the buttons below to perform "simple searches" based on gender and age.
    </div>
    <div class=" col-md-11 m-auto d-flex flex-wrap row">
        <div class="col-md-4 col-sm-12 mb-2">
            <a href="{{ route('all-talent', 'female_kids') }}"
                class="btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3 grey-color"><strong class="text-18">FEMALE
                    KIDS</strong></a>

            <a href="{{ route('all-talent', 'female_teen') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">FEMALE
                    TEENS</strong> </a>

            <a href="{{ route('all-talent', 'female_20') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">FEMALE
                    20's</strong> </a>

            <a href="{{ route('all-talent', 'female_30') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">FEMALE
                    30's</strong> </a>

            <a href="{{ route('all-talent', 'female_40') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">FEMALE
                    40's</strong> </a>

            <a href="{{ route('all-talent', 'female_50') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">FEMALE
                    50+</strong> </a>
        </div>
        <div class="col-md-4 col-sm-12 mb-2">
            <a href="{{ route('all-talent', 'male_kids') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    KIDS</strong> </a>

            <a href="{{ route('all-talent', 'male_teen') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    TEENS</strong> </a>

            <a href="{{ route('all-talent', 'male_20') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    20's</strong> </a>

            <a href="{{ route('all-talent', 'male_30') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    30's</strong> </a>

            <a href="{{ route('all-talent', 'male_40') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    40's</strong> </a>

            <a href="{{ route('all-talent', 'male_50') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MALE
                    50+</strong> </a>
        </div>
        <div class="col-md-4 col-sm-12 mb-2">
            <a href="{{ route('all-talent', 'actors') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">ACTORS</strong>
            </a>

            <a href="{{ route('all-talent', 'models') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">MODELS</strong>
            </a>

            <a href="{{ route('all-talent', 'voice') }}"
                class="grey-color btn btn-block shadow border-0 py-2 pt-2 pb-2 mt-3"><strong class="text-18">VOICE</strong>
            </a>
        </div>
    </div>

    <div class="col-md-11 text-white m-auto pl-4 pr-4 pad-off ">
        <div class="mt-5 col-md-12 mb-3">Click Here For Advance Search For Talents</div>
        <a href="{{ route('advance-search') }}"
            class="btn btn-block shadow border-0 py-2 text-uppercase col-md-12 m-auto pt-2 pb-2 back-red-button text-white">
            <strong class="text-18">ADVANCED SEARCH</strong></a>
    </div>
    </div>
@endsection