@extends('layouts.app')

@section('content')
<style>
    .input-group select option {
        color:#000;
    }
    .form-control:hover, .form-control:focus, .form-control.active {
       color:#000;
    }
      .form-control, .form-control, .form-control.active {
       color:#000;
    }
    label {
        color: #000000de;
    }
</style>


          <!-- -->



<div class="page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0)">მთავარი </a></li>
        <li class="breadcrumb-item active"><a href="javascript:void(0)">დამატება</a></li>
    </ol>
</div>
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <div class="row">

                    <div class="col-lg-8 order-lg-1">
                        <h4 class="mb-3">აირჩიეთ კატეგორია</h4>
                        <form class="needs-validation" action="{{ url(currentLocale().'/admin/pages/store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-5 mb-3">
                                    <label for="country">კატეგორია</label>
                                    <select class="d-block default-select w-100" name="menu_id" id="country" required="">
                                        <option value="">არჩევა...</option>
                                        @foreach($menus as $menu)
                                            <option value="{{ $menu->id }}">{{ $menu->title }}</option>
                                        @endforeach
                                    </select>
                                    <div class="invalid-feedback">
                                        Please select a valid country.
                                    </div>
                                </div>

                            </div>


                            <!-- ტაბს -->

                    <br />

<div class="custom-tab-1">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#home1"> ქართული</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#profile1"> English</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#contact1"> Русский</a>
</li>
</ul>


<div class="tab-content">
<div class="tab-pane fade active show" id="home1" role="tabpanel">
    <!-- geo -->
<br />
  <div class="mb-3">
     <label for="address">დასახელება</label>
     <input type="text" class="form-control" name="title" id="address" placeholder="შეიყვანეთ დასახელება" required="" />

   </div>


    <div class="mb-3">
    <div class="form-group">
                                <label for="task_description"> აღწერა</label>
                                <textarea name="description" id="text" placeholder="სრული ინფორმაცია" class="form-control" type="text"></textarea>
    </div>

   </div>
   <!-- ... geo -->
</div>


<div class="tab-pane fade" id="profile1">

 <!-- eng -->
<br />
  <div class="mb-3">
     <label for="address">დასახელება</label>
     <input type="text" class="form-control" name="title_en" id="address" placeholder="შეიყვანეთ დასახელება" required="" />

   </div>


    <div class="mb-3">
    <div class="form-group">
                                <label for="task_description"> აღწერა</label>
                                <textarea name="description_en" id="text_en" placeholder="სრული ინფორმაცია" class="form-control" type="text"></textarea>
    </div>

   </div>
   <!-- ... eng -->

</div>

<div class="tab-pane fade" id="contact1">

 <!-- rus -->
<br />
  <div class="mb-3">
     <label for="address">დასახელება</label>
     <input type="text" class="form-control" name="title_ru" id="address" placeholder="შეიყვანეთ დასახელება" required="" />

   </div>


    <div class="mb-3">
    <div class="form-group">
                                <label for="task_description"> აღწერა</label>
                                <textarea name="description_ru" id="text_ru" placeholder="სრული ინფორმაცია" class="form-control" type="text"></textarea>
    </div>

   </div>
   <!-- ... rus -->

</div>




</div>
</div>


                            <!-- ... ტაბს -->
 <hr class="mb-4" />
            <div class="mb-3">
                  <label for="username">მთავარი ფოტო</label>
            <div class="input-group">
            <div class="custom-file">
            <input type="file" name="poster" class="custom-file-input">
            <label class="custom-file-label">ფოტოს არჩევა</label>
            </div>
            </div>
            </div>


            <div class="mb-3">

<input type="file" name="images[]" multiple>


            </div>











                            <hr class="mb-4" />
                            <button style="    width: 20%;
    font-size: 12px!important;
    padding: 0.5rem 1rem;" class="btn btn-primary btn-lg btn-block" type="submit">დამატება</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


          <!-- ... -->


    <script type="text/javascript">
        CKEDITOR.replace('text', {
            language: 'en'
        });

         CKEDITOR.replace('text_en', {
            language: 'en'
        });
         CKEDITOR.replace('text_ru', {
            language: 'en'
        })
    </script>



@endsection