@extends('admin/layout')
@section('admin_content')


  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 style="font-weight: bold; font-size: 30px; color: blue !important;"><i class="nav-icon fas fa-edit">Nouvel article</i></h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Advanced Form</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
     <form class="form-horizontal" action="{{URL('/save-article')}}" method="POST" enctype="multipart/form-data">
     @csrf
      <div class="container-fluid">
        <!-- SELECT2 EXAMPLE -->
        <div class="card card-default">
          <!-- /.card-header -->
          <div class="card-body">

            <div class="row">
              <div class="col-12 col-sm-12">
                <div class="form-group">
                 <label for="titre" style="font-weight: bold;font-size: 20px;">Titre</label>
                 <input type="text" name="articles_title" class="form-control form-control-lg" placeholder="Entrer le titre" id="titre">
                </div>
                <!-- /.form-group -->
              </div>
              <!-- /.col -->
            </div>
            <!-- <input type="hidden" name="articles_statut" value='1' class="form-control form-control-lg" placeholder="Entrer le titre" id="titre"> -->


            <div class="row">
            	<div class="col-12 col-sm-12">
                 <div class="form-group">
                   <label for="Contenu" style="font-weight: bold;font-size: 20px;">Contenu</label>
                   <textarea class="form-control form-control-lg" name="articles_description" id="articles_description" rows="5" id="comment"></textarea>
                   </div>  
                   <script>
                       CKEDITOR.replace('articles_description', {
                           filebrowserUploadUrl: '../editor/ckeditor/ck_upload.php',
                           filebrowserUploadMethod: 'form'
                       });
                   </script>
                <!-- /.form-group -->
              </div>
            </div>

            <div class="row">
            	<input type="file" name="articles_image" class="form-control-file form-control-lg border">
            </div>
            <div class="row">
              <label>Categorie Publication</label>
              <select class="form-control" name="articles_statut">
                <option value="1">Article</option>
                <option value="2">Evénements</option>
                <option value="3">Etudes et analyses</option>
              </select>
            </div>
            <center>
	           <div class="row mt-3">
	            <button type="submit" class="btn btn-primary" style="font-weight: bold;font-size: 20px;">Publier</button>
	           </div>
	        </center>
            <!-- /.row -->
          </div>
          <!-- /.card-body -->
<!--           <div class="card-footer">
            Visit <a href="https://select2.github.io/">Select2 documentation</a> for more examples and information about
            the plugin.
          </div> -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container-fluid -->
      </form>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

@endsection