@extends('admin.layout.index')
@section('title')
     {{__('messages.add-projectCategory')}}
@endsection
@section('css')

    <style>
        .center-test {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;

        }

        .form-input-test {
            width: 350px;
            padding: 20px;
            background: #fff;
            box-shadow: -3px -3px 7px rgba(94, 104, 121, 0.377),
            3px 3px 7px rgba(94, 104, 121, 0.377);
            margin-bottom: 50px;
            margin-top: 50px;
        }

        .form-input-test img {
            width: 100%;
            margin-bottom: 30px;
            position: relative;
            max-height: 100%;
            border: 4px solid #fff;

        }

        .form-input-test input {
            display: none;
        }

        .form-input-test label {
            display: block;
            width: 45%;
            height: 45px;
            line-height: 50px;
            text-align: center;
            background: #1172c2;
            color: #fff;
            font-size: 15px;
            font-family: "Open Sans", sans-serif;
            text-transform: Uppercase;
            font-weight: 600;
            border-radius: 5px;
            cursor: pointer;
            margin: auto;
        }
    </style>
@endsection
@section('content')
    <div class="content-header">

    </div>
    <div class="content">
        <div class="col-12">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h4 class="box-title">{{__('messages.add-projectCategory')}}</h4>
                </div>
                <form method="post" action="{{ route('cate.project.add') }}" enctype="multipart/form-data">
                    <!-- /.box-header -->
                    <div class="box-body">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs nav-fill" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {{session('back') == null ?'active' :''}} {{session('back') != null && session('back')['open'] == 1 ?'active' :'' }} "
                                   data-toggle="tab" href="#arabic" role="tab">
                                    <span>
                                        <i class="flag-icon flag-icon-eg mr-1"></i></span>
                                    <span class="hidden-xs-down ml-15">{{__('messages.lang-ar')}}
                                    </span>
                                    @if(session('back') != null && isset(session('back')['error_ar']))
                                        <span style="color: orangered"><i class="fa fa-times mr-1"></i></span>
                                    @endif

                                </a></li>
                            <li class="nav-item"><a
                                    class="nav-link {{session('back') != null && session('back')['open'] == 2 ?'active' :'' }}"
                                    data-toggle="tab" href="#english" role="tab"><span><i
                                            class="flag-icon flag-icon-gb mr-1"></i></span> <span
                                        class="hidden-xs-down ml-15">{{__('messages.lang-en')}}</span>
                                    @if(session('back') != null && isset(session('back')['error_en']))
                                        <span style="color: orangered"><i class="fa fa-times mr-1"></i></span>
                                    @endif
                                </a></li>
                        </ul>
                        <!-- Tab panes -->

                        <div class="tab-content tabcontent-border">
                            <div
                                class="tab-pane {{session('back') == null ?'active' :''}} {{session('back') != null && session('back')['open'] == 1 ?'active' :'' }} "
                                id="arabic" role="tabpanel">
                                <div class="p-15">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="name_ar"> {{__('messages.name_ar')}} : <span
                                                        class="danger">*</span> </label>
                                                <input type="text" class="form-control " id="name_ar" name="name_ar"
                                                       value="{{old('name_ar')}}">
                                                @if ($errors->has('name_ar'))
                                                    <span class="help-block">
                                       <strong class="text-danger">{{ $errors->first('name_ar') }}</strong>
                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div
                                class="tab-pane {{session('back') != null && session('back')['open'] == 2 ?'active' :'' }}"
                                id="english" role="tabpanel">
                                <div class="p-15">

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label for="name_en"> {{__('messages.name_en')}} : <span
                                                            class="danger">*</span> </label>
                                                    <input type="text" class="form-control " id="name_en" name="name_en"
                                                           value="{{old('name_en')}}">
                                                    @if ($errors->has('name_en'))
                                                        <span class="help-block">
                                       <strong class="text-danger">{{ $errors->first('name_en') }}</strong>
                                    </span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                </div>
                            </div>

                        </div>

                    </div>
                    <input type="hidden" value="{{csrf_token()}}" name="_token">
                    <!-- /.box-body -->
                    <div class="box-footer">
                        <button type="submit" class="btn btn-rounded btn-primary btn-outline">
                            <i class="ti-save-alt"></i> Save
                        </button>
                    </div>
                </form>
            </div>
            <!-- /.box -->
        </div>
    </div>

@endsection