@extends('admin.layouts.master')

@section('title','branch Page')

@section('content')
  <div class="container-fluid">

    <div class="m-t-15 text-right">
      <a href="{{route('admin.blogs.create')}}" class="btn btn-primary">Add New</a>
      <a href="{{route('admin.blogs.comments.index')}}" class="btn btn-primary green">View All Comments</a>
    </div>

    <div class="row justify-content-center p-10 m-t-15">
      <div class="col-12">
        <h4>Table</h4>

        <form method="GET" action="{{ route('admin.blogs.index') }}" class="mb-3">
          <div class="input-group">
            <input type="text"
                   name="title"
                   class="form-control"
                   placeholder="Search by title Arabic / English"
                   value="{{ request('title') }}">

            <div class="input-group-append">
              <button class="btn btn-primary" type="submit">Search</button>

              @if(request()->filled('title'))
                <a href="{{ route('admin.blogs.index') }}" class="btn btn-secondary">Reset</a>
              @endif
            </div>
          </div>
        </form>

        <table class="table">
          <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">Created At</th>
            <th scope="col">Title</th>
            <th scope="col">Image</th>
            <th scope="col">Action</th>
          </tr>
          </thead>

          <tbody>
          @forelse($blogs as $blog)
            <tr>
              <th scope="row">{{ $loop->iteration }}</th>
              <td>{{ $blog->created_at->format('Y-m-d') }}</td>
              <td>{{ $blog->title_en }} / {{ $blog->title_ar }}</td>
              <td>
                @if($blog->image)
                  <img style="width:10%" src="{{ $blog->image->full_url }}" alt="">
                @endif
              </td>
              <td>
                <a href="{{ route('admin.blogs.edit', $blog->id) }}"><i class="fas fa-pencil"></i></a>
                <a href="{{ route('admin.blogs.history', $blog->id) }}"><i class="fa fa-file-text"></i></a>
                <a href="{{ route('admin.blogs.comments.index', $blog->id) }}"><i class="fas fa-comment"></i></a>

                <form class="delete-form" action="{{ route('admin.blogs.destroy', $blog->id) }}" method="POST">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-white-lg-outline border-0 btn-color-blue">
                    <i class="fa fa-trash"></i>
                  </button>
                </form>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="5" class="text-center">No blogs found</td>
            </tr>
          @endforelse
          </tbody>
        </table>

        {{ $blogs->appends(request()->query())->links() }}
      </div>
    </div>
  </div>
@endsection

@section('js')
  @include('admin.layouts.js.sweetalert')
@endsection