@extends ('admin.master')

@section('styles')
    <!-- CSS Files -->
     <link href="{{URL::asset('client/menu_1/css/icon_fonts/css/all_icons.min.css')}}" rel="stylesheet">
@stop

@section('content-main')
  <div class="container-fluid">
      <!-- Breadcrumbs-->
    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="#">Dashboard</a>
      </li>
      <li class="breadcrumb-item active">My Dashboard</li>
    </ol>
  <!-- Icon Cards-->
    <div class="row">
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card dashboard text-white bg-primary o-hidden h-100">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fa fa-fw fa-envelope-open"></i>
            </div>
            <div class="mr-5"><h5>{{ $post->titre }}</h5></div>
          </div>
           
        </div>
      </div>
            
       
  </div>
  <!-- /cards -->
  <h2></h2>
  <div class="box_general padding_bottom">
      <table class="table table-bordered"  width="100%" cellspacing="0">
        <thead>
          <tr> 
            <th>Titre</th>
            <td>{{  $post->titre }}</td>            
          </tr>
        </thead>
        <tbody>
          <tr> 
            <th>Resumé</th>
            <td>{{  $post->resume }}</td>            
          </tr>
          <tr> 
            <th>Contenu</th>
            <td> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">
  Visualiser
</button></td>            
          </tr>   
          <tr> 
            <th>Categorie</th>
            <td>{{  $post->categoriepost->intitule }}</td>            
          </tr>          
           
        </tbody>
      </table>
   
  </div>
  </div>

  <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Contenu du post</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        
        <div class="post-content" id="contenu-preview">             
              
            </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        
      </div>
    </div>
  </div>
</div>
@stop

@section('scripts')

<script src="{{URL::asset('admin/js/admin.js')}}"></script>
<script src="{{URL::asset('admin/js/admin-charts.js')}}"></script>
  <!-- Custom scripts for this page-->
    <script>
      
      var cont = {!! json_encode($post->contenu) !!};
      $( document ).ready(function() {            
          
          $('#contenu-preview').html(cont);     
      });
        
    </script>


 
@stop