@extends('backend.layout.main')

@section('title')
    Services
@endsection

@section('styles')
    
@endsection

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                 <h1 class="m-0">Our Services</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">Starter Page</li>
                </ol>
            </div>
        </div>
    </div>
</div>


<div class="content">
    <div class="container-fluid">
        <div class="row">
        
            <div class="col-md-10 offset-1">
                @include('backend.layout.alert')
                <div class="card">
                 <div class="card">
        <div class="card-header">
        <h3 class="card-title">Our Services</h3>
        <a href="{{route('services.index')}}" class="btn btn-primary float-right"><i class="fa fa-arrow-left"></i> Back</a>
        </div>


        <form action="{{route('services.store')}}" method="POST" enctype="multipart/form-data" autocomplete="off">
            {{ csrf_field() }}
        <div class="card-body">
            <div class="form-group row">
                <label for="inputEmail3" class="col-sm-2 col-form-label" style="float:right;text-align:right">Title</label>
               <div class="col-sm-10">
                   <input type="text" class="form-control" id="inputEmail3" placeholder="" name="title">
               </div>
            </div>
            <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label"  style="float:right;text-align:right">Content</label>
                <div class="col-sm-10">
                <textarea type="password" class="form-control" id="summernote" placeholder="" name="content"></textarea>
                </div>
            </div>
        
        <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label" style="float:right;text-align:right">Picture</label>
           <div class="col-sm-10">
               <input type="file" class="form-control" id="inputEmail3" placeholder="" name="image">
           </div>
        </div>
        <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label" style="float:right;text-align:right">Page Banner</label>
           <div class="col-sm-10">
               <input type="file" class="form-control" id="inputEmail3" placeholder="" name="image1">
           </div>
        </div>
        </div>

        <div class="card-footer">
        {{-- <button type="submit" class="btn btn-info">Sign in</button> --}}
        <button type="submit" class="btn btn-info float-right">Save</button>
        </div>

</form>
</div>
                </div>            
            </div> 
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(function () {
      // Summernote
      $('#summernote').summernote()
  
      // CodeMirror
      CodeMirror.fromTextArea(document.getElementById("codeMirrorDemo"), {
        mode: "htmlmixed",
        theme: "monokai"
      });
    })
  </script>
@endsection