@extends('layout.bakend_layout.master')
@section('content')

<main>
    <div class="container">

      <section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-lg-7 col-md-6 d-flex flex-column align-items-center justify-content-center">

              <div class="d-flex justify-content-center py-4">
                <a href="index.html" class="logo d-flex align-items-center w-auto">
                  <img src="assets/img/logo.png" alt="">
                  <span class="d-none d-lg-block"></span>
                </a>
              </div><!-- End Logo -->

              <div class="card mb-3">

                <div class="card-body">

                  <div class="pt-4 pb-2">
                    <h5 class="card-title text-center pb-0 fs-4">Add Products &
                    Service</h5>
                    <p class="text-center small">please Add your Products & Service</p>
                  </div>


                  @if(session('status'))
            <h2 class="alart alart-success">{{session('status')}}</h2>
            @endif

<script src="https://cdn.ckeditor.com/ckeditor5/40.2.0/classic/ckeditor.js"></script>


                  <form action="{{url('/add_service_data')}}" class="row g-3 needs-validation" method="POST" novalidate enctype="multipart/form-data">
                  	@csrf
                    <div class="col-12">
                      <label for="yourName" class="form-label">Product &Se service Name</label>
                      <input type="text" name="name" class="form-control" id="yourName" required>
                      <div class="invalid-feedback">Please, enter your Products & Service name!</div>
                    </div>

                    <div class="col-12">
                      <label for="yourEmail" class="form-label">Description</label>
                      
                      
                      <textarea name="description" class="form-control" rows="6"  id="editor1" required>
                          
                      </textarea>
                      
                      
                      
                      
                      
                  <script>
                        ClassicEditor
                                .create( document.querySelector( '#editor1' ) )
                                .then( editor => {
                                        console.log( editor );
                                } )
                                .catch( error => {
                                        console.error( error );
                                } );
                </script>    
                      
                      
                      
                      
                      
                      
                      
                      <div class="invalid-feedback">Please enter a valid description!</div>
                    </div>

                      
                    

<div class="col-12">
  <label class="iamge" class="form-label">Icon image</label>
  
    <input name="image" placeholder="image" class="form-control" id="image" required="" type="file">
    <div class="invalid-feedback">please choose your image</div>
  </div>
</div>




                    <div class="col-12">
                      <button class="btn btn-primary w-100" type="submit">Submit</button>
                    </div>
                    
                  </form>

                </div>
              </div>

              <div class="credits">
                <!-- All the links in the footer should remain intact. -->
                <!-- You can delete the links only if you purchased the pro version. -->
                <!-- Licensing information: https://bootstrapmade.com/license/ -->
                <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
                Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
              </div>

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

      </section>

    </div>
  </main><!-- End #main -->
  @endsection