@include('auth.header')


<main id="main" class="main">
  <div class="row">
    <div class="col-md-12">
      <div class="pagetitle">
        <h1>Add Blog</h1>
        <nav>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="dashboard">Home</a></li>
            <li class="breadcrumb-item active">Add Blog</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="card">
        <form action="{{route('update.blog')}}" method="POST" enctype="multipart/form-data">
        @csrf
        @honeypot
        <div class="card-body">
        <div class="row">
          <div class="col-md-2">
            <div class="mb-3">
            <label for="inputText" class="col-sm-12 col-form-label">Date</label>
              <input type="date" name="date_blog" value="{{ $blogs->date_blog }}" class="form-control" required>
            </div>
          </div>
          <div class="col-md-2">
            <div class="mb-3">
            <label for="inputText" class="col-sm-12 col-form-label">Person Name</label>
              <input type="text" name="person_name" value="{{ $blogs->person_name }}" class="form-control" required>
            </div>
          </div>
          <div class="col-md-4">
            <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">Heading</label>
              <input type="text" name="heading_blog" value="{{ $blogs->heading_blog }}" class="form-control" required>
            </div>
          </div>
          <div class="col-md-3">
            <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">Upload Image</label>
              <input type="file" class="form-control" value=""  name="image_blog"  >
            </div>
          </div>
          <div class="col-md-1">
            <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label"> Preview</label>
              <input type="text" class="form-control" value="{{ $blogs->image_blog }}"  name="old_image_blog"  >
              <img src="/images/blog/{{ $blogs->image_blog }}" height="40"><br>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">Image Alt</label>
              <input type="text" name="img_alt" value="{{ $blogs->img_alt }}" class="form-control" required>
            </div>
          </div>
          <div class="col-md-6">
            <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">Banner Heading</label>
              <input type="text" name="b_heading" value="{{ $blogs->b_heading }}" class="form-control" required>
            </div>
          </div>
        </div>
  
        <div class="row">
          <div class="col-md-12">
            <label for="inputText" class="col-sm-12 col-form-label">Blog Content</label>
            <textarea class="tinymce-editor" name="content_blog" required>
            {{ $blogs->content_blog }}
            </textarea>
          </div>
          
        </div>
        <br>
          <div class="row">
            <div class="col-md-12">
              <div class="pagetitle">
                <h1>Add Your Header Details</h1>
                <nav>
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">please fill all data....</a></li>
                  </ol>
                </nav>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">Enter Your URL...Enter Your URL ( Please add '/' on frond of your url... eg:/how-we-help-you)</label>
                <input type="text" name="slug_url" value="{{ $blogs->slug_url }}" class="form-control" required>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">Title</label>
                <input type="text" name="title" value="{{ $blogs->title }}" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">Keyword</label>
                <input type="text" name="keyword" value="{{ $blogs->keyword }}" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">Canonical</label>
                <input type="text" name="canonical" value="{{ $blogs->canonical }}" class="form-control" required>
              </div>
            </div>
          </div>
          
          <div class="row">     
          <div class="row">
            <div class="col-md-12">
              <label for="inputText" class="col-sm-12 col-form-label">Description</label>
              <input type="text" name="description" value="{{ $blogs->description }}" class="form-control" required>         
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <label for="inputText" class="col-sm-12 col-form-label">Script</label>
              <textarea style="height:474px; width:100%;"  name="script" required>
              {{ $blogs->script }}
              </textarea>
            </div>
          </div>
          <br>
          <div class="row">
            <div class="col-md-4">
              <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">og:title (Fill out only the OG content)</label>
                <input type="text" value="{{ $blogs->og }}" name="og_title" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">og:site_name</label>
                <input type="text" value="{{ $blogs->og_site_name }}" name="og_site_name" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">og:url </label>
                <input type="text" value="{{ $blogs->og_url }}" name="og_url" class="form-control" required>
              </div>
            </div>
          </div>
          <div class="row">
          <div class="col-md-4">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">og:description</label>
                <input type="text" value="{{ $blogs->og_description }}" name="og_description" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
              <label for="inputText" class="col-sm-12 col-form-label">og:type</label>
                <input type="text" value="{{ $blogs->og_type }}" name="og_type" class="form-control" required>
              </div>
            </div>
            <div class="col-md-4">
              <div class="mb-3">
                <label for="inputText" class="col-sm-12 col-form-label">og:image</label>
                <input type="text" value="{{ $blogs->og_image }}" name="og_image" class="form-control" required>
              </div>
            </div>
          </div>
          
        <div class="row">
          <div class="col-md-12">
            <input type="hidden" name="id" value="{{ $blogs->id }}">
            <input type="submit" name="blog_submit" class="btn btn-success BtCommon bt-right" value="Submit">
              <input type="reset" class="btn btn-danger BtCommon bt-right" value="Reset">
          </div>
        </div>
      </div>
        </form>
    </div>
  </section>
</main><!-- End #main -->


<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>


@include('auth.footer')