@extends('backend.layouts.app')

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

@push('styles')

    
@endpush

@section('content')

<form method="POST" action="{{route('admin.translate.CategoriePost')}}" 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 Categorie Posts</strong></h2>
                </div>



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

@forelse($categorieposts as $key=>$categoriepost)

<div class="col-md-6" style="border:1px solid black">  

                 <p style="color:#fff;background-color:#02396C;font-size:17px;border:3px;text-align:center;padding: 4px 8px;">Categorie Posts : {{$key+1}}</p><br>
                  <div class="col-sm-2" style="color:black">  
                   <center><img src="{{asset('flag.png')}}" style="width:60px;height:40px"></center>
                  </div>
                 <div class="col-sm-10">           
                    <div class="form-group form-float">
                        <div class="form-line">
                            <input type="text" name="name" id="tag_name{{$categoriepost->id}}" class="form-control" value="{{$categoriepost->name}}">
                            <label class="form-label"> <strong style="color:black"> Name </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="name{{$categoriepost->id}}{{$lang->code}}" id="tag_name{{$categoriepost->id}}{{$lang->id}}" class="form-control"
                             value="{{getTranslation_CategoriePost($categoriepost->id,$lang->code)['name']}}" required="">

                            <label class="form-label"> <strong style="color:black"> Name </strong> <span style="color:red">*</span></label>
                            </div>
                    </div>
                 </div>
                   
                    @empty
              <p><center style="color:red">Not existe any Languages</center></p>
                   @endforelse

                  </div>
            

              @empty              
              <p><center style="color:red">Not existe any Categorie Post</center></p>              
              @endforelse

</div><!-- end row clearfix -->
               












          <button type="submit" class="btn btn-primary btn-block m-t-15 waves-effect"><i class="material-icons">save </i> Save</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