@php

$countries=\App\Models\Country::where('cancelled',0)->get();
$banner=getter('banners')->setLang(app()->getLocale())->condition('position','=','community')->get();

@endphp

@extends('layouts.main',[
    'compact'=>'compact'
])
@section('title')
    <title>{{__('texts.join-community')}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div class="section">
        <div class="content">
            <div class="section-title">
                {{__('texts.join-community')}}
            </div>

        </div>



        <div class="section-body content join-community no-p">
            @if(isset($banner[0]->image))
                <img class="community-mainbanner" src="{{$banner[0]->image->image}}" alt="">
            @endif

            <div class="join-community-container">
                <div class="title-1">{{__('texts.be-part-bema-community')}}</div>
{{--                <div class="title-2">{{__('texts.for-candidates')}}</div>--}}

                <form action="{{route('join-community-post')}}" method="post" class="community-form">
                        @csrf
                    <input type="text" class="input-text half" name="first_name" placeholder="   {{__('texts.fname')}}">
                    <input type="text" class="input-text half" name="last_name" placeholder="   {{__('texts.lname')}}">
                    <input type="email" class="input-text half"  name="email" placeholder="   example@example.com" value="{{$email ?? ''}}">
                     <div class="phone input-text half">
                         <select @class('custom-select black code') name="country_code" id="country_code">
                             @if(count($countries)>0)
                                 @foreach($countries as $country)
                             <option value="+{{$country['phone_code']}}" @if($country['phone_code']==961) selected @endif>+{{$country['phone_code']}}</option>
                                 @endforeach
                          @endif
                         </select>
                         <input type="text" name="phone" class="numb" placeholder="  {{__('texts.phone')}}" style="width: 100%;border: unset;outline: unset;" >
                     </div>

                    <textarea class="input-text" name="message" id="" cols="30" placeholder="  {{__('texts.message')}}" rows="5"></textarea>
{{--                    <label class="filter-checkbox">--}}
{{--                        <input type="checkbox"  name="checkbox1" value="yes">--}}
{{--                       <span class="checkmark"></span>--}}
{{--                               {{__('texts.checkbox1')}}             </label>--}}
{{--                    <label class="filter-checkbox">--}}
{{--                        <input type="checkbox" name="checkbox2"  value="yes">--}}
{{--                       <span class="checkmark"></span>--}}
{{--                        {{__('texts.checkbox2')}}--}}
{{--                    </label>--}}
{{--                    <label class="filter-checkbox">--}}
{{--                        <input type="checkbox"  name="checkbox3"  value="yes">--}}
{{--                       <span class="checkmark"></span>--}}
{{--                        {{__('texts.checkbox3')}}--}}
{{--                    </label>--}}
{{--                    <label class="filter-checkbox">--}}
{{--                        <input type="checkbox"  name="checkbox4"  value="yes">--}}
{{--                       <span class="checkmark"></span>--}}
{{--                        {{__('texts.checkbox4')}}         </label>--}}

                    <button style=" border: unset; outline: unset; margin: 20px auto" type="submit" @class('button_1 small black')><span class="text">{{__('texts.join-us')}}</span></button>
                </form>



            </div>



        </div>
    </div>
@endsection