@extends('mobile.mobile_mainlayout')

@section('title')
Wese | Contact Us
@endsection

@section('nav_options')
                        <li style="">
                            <a href="/" style="font-size: 24px;font-family: Roboto-Light;"><span class="menu-text" style="color:#F8A517">{{__('message.nyumbani')}}</span></a>
                        </li>
                        <li >
                            <a href="/#dereva_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.dereva')}}</span></a>
                        </li>
                        <li>
                            <a href="/#wakala_section" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.wakala_nav')}}</span></a>
                        </li>
                        <li>
                            <a href="/qna" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">{{__('message.maswali_na_majibu')}}</span></a>
                        </li>

@endsection

@section('content')

		<!--Section Start -->
        <div class="section" data-bg-color="#fff" style="background: url('/assets/images/wese/circle1.png');background-repeat: no-repeat;background-position: 0% 0%;">
        	<div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div style="padding-top:48px;padding-bottom: 120px;">
                            <h2 style="color:#000;font-family:Roboto;font-size: 28px;text-align: center;">{{__('message.tuandikie')}}</h2>
                          
                             <form method="post" action="/contact/sendmail">
                                        @csrf
                                    <div class="mb-2" style="padding: 0px 16px">
                                        
                                        <div class="row" style="margin:0em">
                                            <div class="col-lg-12">
                                                
                                                <input name="subject" type="text" placeholder="{{__('message.chagua_kichwa_text')}}" style="width: 100%;min-height: 56px; padding: 3px 20px;
                                                border-radius: 8px;outline: none;background-color:transparent;border: 1px solid #E0E0E0;display:flex;
                                                color:#000" required>
                                            </div>
                                        </div>
                                        
                                        <div class="row" style="margin:0.5em 0em 0em 0em ">
                                            <div class="col-lg-12">
                                                
                                                <input name="phone" type="tel" placeholder="{{__('message.namba_ya_simu')}}" style="width: 100%;min-height: 56px; padding: 3px 20px;
                                                border-radius: 8px;outline: none;background-color:transparent;border: 1px solid #E0E0E0;display:flex;
                                                color:#000" required>
                                            </div>
                                        </div>
                                        
                                        <div class="row" style="margin:0.5em 0em 0em 0em">
                                            <div class="col-lg-12">
                                                <textarea class="wese_select" placeholder="Andika ujumbe wako hapa" name="message"
                                        style="width: 100%; padding: 3px 20px; border-radius: 8px;outline: none;background-color:transparent;border: 1px solid #E0E0E0;
                                                color:#000"  row="36" required></textarea>
                                                
                                            </div>
                                        </div>

                                    </div>


                                    <div class="row" style="margin: 32px 16px;">
                                        <div class="col-lg-12 ">
                                                
                                                 <label class="container_wese" style="font-family: Roboto-Light;">I am Human
                                                  <input type="checkbox">
                                                  <span class="checkmark" style="margin-top:0.25em"></span>
                                                </label>
                                            </div>
                                            <div class="col-lg-12">
                                                <button type="submit" class="btn" style="width: 100%;padding: 18px 54px;background: #F8A517; border: 0.8px solid #F8A517; border-radius: 10px;color:#fff;">{{__('message.tuma')}}</button>
                                                
                                            </div>
                                            
                                    </div>
                                    
                                    </form>
                        
                        </div>
                    </div>
                </div>
             </div>
        </div>
        <!-- Section End -->

@endsection