@extends('layouts.app')

@section('content')

    <div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
        @include('includes.menu-admin')
        <div class="m-grid__item m-grid__item--fluid m-wrapper">
            <!-- BEGIN: Subheader -->
            <div class="m-subheader ">
                <div class="d-flex align-items-center">
                    <div class="mr-auto">
                        <h3 class="m-subheader__title ">{{ trans('web.add') . ' ' . trans('web.missions') }}</h3>
                    </div>
                </div>
            </div>
            <!-- END: Content -->
            <div class="m-content">
                <div class="row">
                    <div class="col-md-12">
                        <!--begin::Portlet-->
                        <div class="m-portlet m-portlet--tab">
                            <div class="m-portlet__head">
                                <div class="m-portlet__head-caption">
                                    <div class="m-portlet__head-title">
												<span class="m-portlet__head-icon m--hide">
													<i class="la la-gear"></i>
												</span>
                                        <h3 class="m-portlet__head-text">
                                            {{ trans('web.add') . ' ' . trans('web.missions') }}
                                        </h3>
                                    </div>
                                </div>
                            </div>
                            <!--begin::Form-->
                            <form class="m-form m-form--fit m-form--label-align-right" method="POST"
                                  action="{{route('missions.store')}}" enctype="multipart/form-data">
                                @csrf
                                <div class="m-portlet__body">
                                    @include('includes.errors')

                                    <ul class="nav nav-tabs" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active show" data-toggle="tab" href="#"
                                               data-target="#m_tabs_1_1">{{ trans('web.arabic') }}</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" data-toggle="tab" href="#m_tabs_1_2">{{ trans('web.english') }}</a>
                                        </li>
                                    </ul>

                                    <div class="tab-content">
                                        <div class="tab-pane active show" id="m_tabs_1_1" role="tabpanel">
                                            <div class="m-portlet__body" style="padding: 0;">
                                                <div class="form-group m-form__group">
                                                    <label for="title_ar">{{ trans('web.title') }}</label>
                                                    <input type="text" class="form-control m-input m-input--square"
                                                           name="title_ar" id="title_ar">
                                                </div>
                                                <div class="form-group m-form__group">
                                                    <label for="text_ar">{{ trans('web.text') }}</label>
                                                    <textarea class="form-control" name="text_ar"
                                                              id="text_ar"></textarea>
                                                </div>
                                                <div class="form-group m-form__group">
                                                    <label>{{ trans('web.icon') }}</label>
                                                    <div>
                                                        <label><input type="radio" name="icon" value="icon-001-progress"><br><i class="icon-001-progress m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-005-meeting"><br><i class="icon-005-meeting m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-006-growth"><br><i class="icon-006-growth m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-004-recommended"><br><i class="icon-004-recommended m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-002-money"><br><i class="icon-002-money m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-003-conversation"><br><i class="icon-003-conversation m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <label><input type="radio" name="icon" value="icon-094---Law"><br><i class="icon-094---Law m--icon-font-size-lg5"></i></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="m_tabs_1_2" role="tabpanel">
                                            <div class="m-portlet__body" style="padding: 0;">
                                                <div class="form-group m-form__group">
                                                    <label for="title_en">{{ trans('web.title') }}</label>
                                                    <input type="text" class="form-control m-input m-input--square"
                                                           name="title_en" id="title_en">
                                                </div>
                                                <div class="form-group m-form__group">
                                                    <label for="text_en">{{ trans('web.text') }}</label>
                                                    <textarea class="form-control" name="text_en"
                                                              id="text_en"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="m-portlet__foot m-portlet__foot--fit">
                                        <div class="m-form__actions">
                                            <button type="submit" class="btn btn-success">{{ trans('web.add') }}</button>
                                            <a href="{{ route('missions.index') }}" class="btn btn-secondary">{{ trans('web.cancel') }}</a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!--end::Form-->
                        </div>
                        <!--end::Portlet-->
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection