@extends('backend.layouts.app')

@section('title', 'Translate Geosites')

@push('styles')

    
@endpush

@section('content')

<form method="POST" action="{{url('admin/translate/Geosite')}}" id="form_validation"  novalidate="novalidate">
    @csrf
    <div class="row clearfix">




   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
   <div class="card">

               <div class="header">
                    <h2><strong style="color:black">Traduction products</strong></h2>
                </div>



    <div class="body">
<div class="row clearfix">

@forelse($products as $key=>$product)
            
                  <div class="col-sm-6" style="border:1px solid black">  
                 <p style="text-align:center;"><i class="material-icons" style="color:#009688;margin-bottom:-4px">g_translate</i><a href="{{url('admin/translate/Attrib/'.$product->id)}}" style="color:#fff;padding: 4px 8px; background-color:#02396C;font-size:17px;border:3px;text-align:center;">
                   Rows</a></p>

                 <p style="color:#fff;padding: 4px 8px;background-color:#02396C;font-size:17px;border:3px;text-align:center;">Product : {{$key+1}} </p><br>
                
                  <div class="col-sm-2" style="color:black">  
                   <center><img src="{{asset('flag.png')}}" style="width:60px;height:60px"></center>
                  </div>
                 <div class="col-sm-10">           
                    <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="title" id="tag_title{{$product->id}}" class="form-control" value="{{$product->title}}">
                            <label class="form-label"> <strong style="color:black"> Title </strong></label>
                            </div>
                    </div>
                 </div>
                   


              
                @forelse($languages as $lang)
                 
                  <div class="col-sm-2" style="color:black">  
                   <center><img src="{{asset('storage/languages/'.$lang->logo)}}" style="width:40px;height:40px" title="{{$lang->code}}"></center>
                  </div>
                 <div class="col-sm-10">           
                    <div class="form-group form-float">
                        <div class="form-line">

                            <input type="text" name="title{{$product->id}}{{$lang->code}}" id="tag_title{{$product->id}}{{$lang->id}}" class="form-control"
                             value="{{getTranslation_Product($product->id,$lang->code)['title']}}" required="">

                            <label class="form-label"> <strong style="color:black"> Title </strong> <span style="color:red">*</span></label>
                            </div>
                    </div>
                 </div>
                    

                   
                    @empty
              <p><center style="color:red">Not existe any Langueges</center></p>
                   @endforelse
                  </div>    
  
                  @empty              
              <p><center style="color:red">Not existe any product</center></p>              

              @endforelse
</div>

               












          <button type="submit" class="btn btn-primary btn-block m-t-15 waves-effect"><i class="material-icons">save </i> Add</button>




           </div>
        </div>
</div>


    







        
    </div>
</form>



@endsection

@push('scripts')
     <!-- validation -->
      <script src="{{ asset('backend/plugins/jquery-validation/jquery.validate.js')}}"></script>
        <!-- Custom Js -->
       <script src="{{ asset('backend/js/pages/forms/form-validation.js')}}"></script>

@endpush