@extends('layout.styleadmin')
@section('content')
@if ($post->count() > 0 )
<main id="main" class="main">
@if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger">
        {{ session('error') }}
    </div>
@endif
<div class="pagetitle"> 
      <h1>All Post</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
          <li class="breadcrumb-item active ">Manage Post</li>
         
          
        </ol>
      </nav>
    </div>
@if ($post->count() > 0 )
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Post</h5>
              <!-- Table Variants -->
              <table class="table datatable" >
                <thead>
                  <tr class="table-danger">
                    <th scope="col">#</th>
                    <th scope="col">Title</th>
                    <th scope="col">Actions</th>
                  </tr>
                </thead>
                <tbody>
                @php
                        $i = 1;
                    @endphp
                @foreach ($post as $posts)
                    <tr class="table-success">
                    <th scope="row">{{$i++}}</th>
                    <td >{{$posts->title}}</td>
                    <td>
                    <a class="text-success" href="#" data-bs-toggle="modal" data-bs-target="#imageModal{{$posts->id}}">
                     <i class="bi bi-pencil-square"></i>
                      </a>                  
                                &nbsp;&nbsp;
                                
                
                            <a href="{{route('posts.edit',$posts->id)}}"> <i class="bi bi-image"></i>  </a>
                            &nbsp;&nbsp;
                            <form action="{{ route('posts.destroy', $posts->id) }}" method="POST" style="display: inline;">
        @csrf
        @method('DELETE')
        <button type="submit" class="btn btn-link text-danger p-0" onclick="return confirm('Are you sure you want to delete this post?');">
            <i class="bi bi-trash3"></i>
        </button>
    </form>

                          </td>
                  </tr>

                  <div class="modal fade" id="imageModal{{$posts->id}}" tabindex="-1" aria-labelledby="imageModalLabel{{$posts->id}}" aria-hidden="true">
                       <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                        <div class="card" >

<div class="card-body">
  <h5 class="card-title">Edit Post</h5>

  <!-- General Form Elements -->

  @if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif

<!-- Show custom errors -->
@if (session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif
<form method="POST" action="{{route('posts.update',$posts->id)}}" enctype="multipart/form-data">
@csrf
@method('PUT')

<div class="row mb-3">
      <label for="title" class="col-sm-2 col-form-label">Title</label>
      <div class="col-sm-10">
        <textarea class="form-control" name="title" id="title" style="height: 65px;">{{$posts->title}}</textarea>

        @error('title')
        <span class="invalid-feedback" role="alert">
         <strong>{{ $message }}</strong>
        </span>
       @enderror
      </div>
</div>

<div class="row mb-3">
<label class="col-sm-2 col-form-label"></label>
<div class="col-sm-10">
<button type="submit" class="btn btn-primary">Save</button>
</div>
</div>
</form><!-- End General Form Elements -->
  </div>
  </div>
  </div>
                    </div>
                   </div>
                  </div>
                @endforeach   
                  
                </tbody>
              </table>
              <!-- End Table Variants -->

            </div>
          </div>

        </div>
</main>

<!-- Modal -->
@endif
@else
<main id="main" class="main">
        <div class="col">
            <div class="alert alert-danger" role="alert">
                No Post
              </div>
        </div>
        </main>
        @endif
@endsection