@extends('backend.layouts.app')

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

@push('styles')

    
@endpush

@section('content')

<form method="POST" action="{{url('admin/translate/Presentation')}}" 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 Presentations</strong></h2>
                </div>



    <div class="body">
<div class="row clearfix" style="border:1px solid black">

@if($present)
                                <!-- ================partie 1 -->
                  <div class="col-sm-12">  
                    <p style="color:#fff;background-color:#02396C;font-size:17px;border:3px;text-align:center;padding: 4px 8px;">Partie :1</p><br>
                   <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-5">           
                    <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="title" id="tag_title{{$present->id}}" class="form-control" value="{{$present->title}}">
                            <label class="form-label"> <strong style="color:black"> Title </strong></label>
                            </div>
                    </div>
                 </div>
                    
                    <div class="col-sm-5">      
                     <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="subtitle" id="tag_subtitle{{$present->id}}" class="form-control" value="{{$present->subtitle}}">
                            <label class="form-label"> <strong style="color:black">Subtitle</strong></label>
                            </div>
                    </div>
                     </div>
                    
                    <div class="col-sm-12">      
                     <div class="form-group form-float">
                          <label class="form-label"> <strong style="color:black">Description</strong></label>
                        <div class="form-line">
                         <textarea name="description{{$present->id}}" class="form-control tinymce" value="">
                              {{$present->description}}
                              </textarea>
                        
                            </div>
                    </div>
                     </div>


                   </div>


              <div class="col-sm-12" > 
                @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-5">           
                    <div class="form-group form-float">
                        <div class="form-line">

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

                            <label class="form-label"> <strong style="color:black"> Title </strong> <span style="color:red">*</span></label>
                            </div>
                    </div>
                 </div>
                    
                    <div class="col-sm-5">      
                     <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="subtitle{{$present->id}}{{$lang->code}}" id="tag_subtitle{{$present->id}}{{$lang->id}}" class="form-control"
                             value="{{getTranslation_Presentation($present->id,$lang->code)['subtitle']}}">
                            <label class="form-label"> <strong style="color:black">Subtitle</strong></label>
                            </div>
                    </div>
                     </div>
                   
                   <div class="col-sm-12">      
                     <div class="form-group form-float">
                      <label class="form-label"> <strong style="color:black">Description</strong></label>
                        <div class="form-line">
                                <textarea name="description{{$present->id}}{{$lang->code}}" class="form-control tinymce">
                                 {{getTranslation_Presentation($present->id,$lang->code)['description']}}
                              </textarea>
                            
                            </div>
                    </div>
                     </div>
                   
                    @empty
              <p><center style="color:red">Not existe any Langueges</center></p>
                   @endforelse

               </div>    







    <!-- ================partie 1 -->
                  <div class="col-sm-12">  
                      <p style="color:#fff;background-color:#02396C;font-size:17px;border:3px;text-align:center;padding: 4px 8px;">Partie :2</p><br>
                   <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-5">           
                    <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="title1" id="tag_title1{{$present->id}}" class="form-control" value="{{$present->title1}}">
                            <label class="form-label"> <strong style="color:black"> Title2 </strong></label>
                            </div>
                    </div>
                 </div>
                    
                    <div class="col-sm-5">      
                     <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="subtitle1" id="tag_subtitle1{{$present->id}}" class="form-control" value="{{$present->subtitle1}}">
                            <label class="form-label"> <strong style="color:black">Subtitle2</strong></label>
                            </div>
                    </div>
                     </div>
                    
                    <div class="col-sm-12">      
                     <div class="form-group form-float">
                          <label class="form-label"> <strong style="color:black">Description2</strong></label>
                        <div class="form-line">
                         <textarea name="description1{{$present->id}}" class="form-control tinymce" value="">
                              {{$present->description1}}
                              </textarea>
                        
                            </div>
                    </div>
                     </div>


                   </div>


              <div class="col-sm-12" > 
                @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-5">           
                    <div class="form-group form-float">
                        <div class="form-line">

                            <input type="text" name="title1{{$present->id}}{{$lang->code}}" id="tag_title1{{$present->id}}{{$lang->id}}" class="form-control"
                             value="{{getTranslation_Presentation($present->id,$lang->code)['title1']}}" required="">

                            <label class="form-label"> <strong style="color:black"> Title2 </strong> <span style="color:red">*</span></label>
                            </div>
                    </div>
                 </div>
                    
                    <div class="col-sm-5">      
                     <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="subtitle1{{$present->id}}{{$lang->code}}" id="tag_subtitle1{{$present->id}}{{$lang->id}}" class="form-control"
                             value="{{getTranslation_Presentation($present->id,$lang->code)['subtitle1']}}">
                            <label class="form-label"> <strong style="color:black">Subtitle2</strong></label>
                            </div>
                    </div>
                     </div>
                   
                   <div class="col-sm-12">      
                     <div class="form-group form-float">
                      <label class="form-label"> <strong style="color:black">Description2</strong></label>
                        <div class="form-line">
                                <textarea name="description1{{$present->id}}{{$lang->code}}" class="form-control tinymce">
                                 {{getTranslation_Presentation($present->id,$lang->code)['description1']}}
                              </textarea>
                            
                            </div>
                    </div>
                     </div>
                   
                    @empty
              <p><center style="color:red">Not existe any Langueges</center></p>
                   @endforelse

               </div>    







    <!-- ================partie 3 -->
                  <div class="col-sm-12">  
                      <p style="color:#fff;background-color:#02396C;font-size:17px;border:3px;text-align:center;padding: 4px 8px;">Partie :3</p><br>
                   <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">
                          <label class="form-label"> <strong style="color:black">Description3</strong></label>
                        <div class="form-line">
                         <textarea name="description2{{$present->id}}" class="form-control tinymce" value="">
                              {{$present->description2}}
                              </textarea>
                        
                            </div>
                    </div>
                     </div>


                   </div>


              <div class="col-sm-12" > 
                @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">
                      <label class="form-label"> <strong style="color:black">Description3</strong></label>
                        <div class="form-line">
                                <textarea name="description2{{$present->id}}{{$lang->code}}" class="form-control tinymce">
                                 {{getTranslation_Presentation($present->id,$lang->code)['description2']}}
                              </textarea>
                            
                            </div>
                    </div>
                     </div>
                   
                    @empty
              <p><center style="color:red">Not existe any Langueges</center></p>
                   @endforelse

               </div>    



    <!-- ================partie 4 -->
                  <div class="col-sm-12">  
                      <p style="color:#fff;background-color:#02396C;font-size:17px;border:3px;text-align:center;padding: 4px 8px;">Partie :4</p><br>
                   <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">
                          <label class="form-label"> <strong style="color:black">Description4</strong></label>
                        <div class="form-line">
                         <textarea name="description3{{$present->id}}" class="form-control tinymce" value="">
                              {{$present->description3}}
                              </textarea>
                        
                            </div>
                    </div>
                     </div>


                   </div>


              <div class="col-sm-12" > 
                @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">
                      <label class="form-label"> <strong style="color:black">Description4</strong></label>
                        <div class="form-line">
                                <textarea name="description3{{$present->id}}{{$lang->code}}" class="form-control tinymce">
                                 {{getTranslation_Presentation($present->id,$lang->code)['description3']}}
                              </textarea>
                            
                            </div>
                    </div>
                     </div>
                   
                    @empty
              <p><center style="color:red">Not existe any Langueges</center></p>
                   @endforelse

               </div>    








 <!-- ==========================================================================================  -->
               @else              
              <p><center style="color:red">Not existe any Presentation</center></p>              
              @endif
     </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>



      <script>

        $(function () {
            tinymce.init({
                selector: "textarea.tinymce",
                theme: "modern",
                height: 300,
                plugins: [
                    'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                    'searchreplace wordcount visualblocks visualchars code fullscreen',
                    'insertdatetime media nonbreaking save table contextmenu directionality',
                    'emoticons template paste textcolor colorpicker textpattern imagetools'
                ],
                toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
                toolbar2: 'print preview media | forecolor backcolor emoticons',
                image_advtab: true
            });
            tinymce.suffix = ".min";
            tinyMCE.baseURL = '{{asset('backend/plugins/tinymce')}}';
        });
    </script>


@endpush