@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">
                      
                        <form class="needs-validation" action="{{ url(currentLocale().'/admin/items/update') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                             <input type="hidden" id="item_id" name="item_id" value="{{ $item['id'] }}">
                          
                            <!-- ტაბს -->


                            <br />
                            <div class="col-md-6">

                                <div class=" mb-3">
                                    <label for="type">აირჩიეთ კატეგორია</label>
                                    <select class="form-control" name="type" id="type" >
                                        <option value="">არჩევა...</option>
                                        @foreach ($cityess as $city)

                                       <option value="{{$city->title_en}}" @if($item->type == $city->title_en) selected @endif>{{$city->title}} </option>
                                     
                                       @endforeach
                                    </select>
                                 
                                </div>
                            </div>

                            
                 


<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> 

<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#contact2"> Arab</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" value="{{$item->title}}" id="address" placeholder="შეიყვანეთ დასახელება"  />

   </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">{{$item->description}}</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" value="{{$item->title_en}}"  id="address" placeholder="შეიყვანეთ დასახელება"  />

   </div>


    <div class="mb-3">
    <div class="form-group">
                                <label for="task_description"> აღწერა</label>
                                <textarea name="description_en" value="{{$item->description_en}}" id="text_en" placeholder="სრული ინფორმაცია" class="form-control" type="text">{{$item->description_en}}</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" value="{{$item->title_ru}}" id="address" placeholder="შეიყვანეთ დასახელება"  />

   </div>


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

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

</div>

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

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

   </div>


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

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

</div>


</div>
</div>

<div class="mb-3">
     <label for="address">ფასი</label>
     <input type="text" class="form-control" name="price" id="price" value="{{$item->price}}" placeholder="შეიყვანეთ ფასი" >

   </div>


<!-- ... velebi -->
                            <!-- ... ტაბს -->
 {{-- <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>
                <style>
                    .gallery-images li {
                        float:left;
                        margin-right:10px;
                        margin-bottom: 20px
                    }
                </style>
            <div class="mb-3">
                ფოტო გალერა
                <br /><Br />
            <ul class="gallery-images">

                        @foreach($item['images'] as $key => $image)
            				@if($image)
            					<li>
            						<img src="/images/{{ $image->url }}" alt="{{$image}}" width=150 /> 
            						
            						<a href="javscript:void(0)" onclick="deletePhoto({{ $image['id'] }})">წაშლა</a>
            						@if($key == 0) <span style="color:red;font-size:12px"> პირველი ფოტო არის მთავარი, წაშლის შემთხვევაში მომდევნო ფოტო იქნება მთავარი </span>@endif
            					</li> 
            				@endif
            			@endforeach    

</ul></div>




                            <br /><br />
                            
                            <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'
        });
  CKEDITOR.replace('text_ar', {
            language: 'ar'
        })

        function deletePhoto(id) {
            Swal.fire({
                title: 'ნამდვილად გსურთ ფოტოს წაშლა?',
                text: "",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'დიახ!',
                cancelButtonText: 'არა!',
                preConfirm: function () {
                    return new Promise(function (resolve) {
                        $('.swal2-confirm').html('<i class="fa fa-spinner fa-spin mr-1"></i>');
                        $.ajax({
                            url: "{{ url(currentLocale().'/admin/items/delete_image') }}",
                            type: "POST",
                            dataType: "JSON",
                            data: {
                                '_token': '{{ csrf_token() }}',
                                'id': id
                            },
                        })
                            .done(function (response) {
                                if (response.status === 1) {
                                    Swal.fire({
            							title: 'წარმატებული!',
            							text: "ფოტო წარმატებით წაიშალა",
            							icon: 'success',
            						}).then((result) => {
            							if (result.value) {
            								location.reload();
            							}
            						})
                                    //Swal.fire('წარმატებული!', 'ფოტო წარმატებით წაიშალა', 'success');
                                } else {
                                    Swal.fire('Error!', 'Please try again', 'error');
                                }
                            })
                            .fail(function () {
                                Swal.fire('Oops...', 'Please try again!', 'error');
                            });
                    });
                },
                allowOutsideClick: true
            });
        }
    </script>



@endsection