@extends('admin.layouts.master-soyuz')
@section('title', __('Shorts |'))
@section('body')
@component('admin.component.breadcumb', ['thirdactive' => 'active'])
  @slot('heading') {{ __('Shorts') }} @endslot
  @slot('menu1') {{ __('Products') }} @endslot
  @slot('menu2') {{ __('Shorts') }} @endslot
  @slot('button')
    <div class="col-md-6">
      <div class="widgetbar">
        <a href="{{ route('shorts.ads') }}" class="float-right btn btn-info-rgba mr-2">
          <i class="feather icon-tag mr-2"></i>{{ __('Manage Ads') }}
        </a>
        <a href="{{ url('admin/shorts/create') }}" class="float-right btn btn-primary-rgba mr-2">
          <i class="feather icon-plus mr-2"></i>{{ __('Add Short') }}
        </a>
      </div>
    </div>
  @endslot
@endcomponent

<div class="contentbar">
  <div class="row">
    <div class="col-lg-12">
      <div class="card m-b-30">
        <div class="card-header">
          <h5 class="box-title">{{ __('Shorts') }}</h5>
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table id="datatable-buttons" class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th>{{ __('ID') }}</th>
                  <th>{{ __('Thumbnail') }}</th>
                  <th>{{ __('Title / Caption') }}</th>
                  <th>{{ __('Stats') }}</th>
                  <th>{{ __('Uploader') }}</th>
                  <th>{{ __('Status') }}</th>
                  <th>{{ __('Action') }}</th>
                </tr>
              </thead>
              <tbody>
                @foreach($shorts as $key => $short)
                  <tr>
                    <td>{{ $key + 1 }}</td>
                    <td>
                      @if($short->thumbnail && file_exists(public_path('images/shorts/' . $short->thumbnail)))
                        <img src="{{ asset('images/shorts/' . $short->thumbnail) }}" width="60" class="rounded">
                      @else
                        <span class="text-muted">{{ __('No thumbnail') }}</span>
                      @endif
                    </td>
                    <td>
                      <p><b>{{ $short->title ?: '—' }}</b></p>
                      @if($short->caption)
                        <small class="text-muted">{{ \Illuminate\Support\Str::limit($short->caption, 80) }}</small><br>
                      @endif
                      @if($short->video)
                        <small><a href="{{ asset('videos/shorts/' . $short->video) }}" target="_blank">{{ __('Preview video') }}</a></small>
                      @endif
                    </td>
                    <td>
                      <small>
                        <i class="feather icon-heart"></i> {{ (int) $short->like_count }}<br>
                        <i class="feather icon-message-circle"></i> {{ (int) $short->comment_count }}<br>
                        <i class="feather icon-eye"></i> {{ (int) $short->view_count }}
                      </small>
                    </td>
                    <td>{{ $short->user->name ?? '—' }}</td>
                    <td>
                      <form action="{{ route('shorts.quickStatus', $short->id) }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-rounded {{ $short->status == 1 ? 'btn-success-rgba' : 'btn-danger-rgba' }}">
                          {{ $short->status == 1 ? __('Active') : __('Deactive') }}
                        </button>
                      </form>
                    </td>
                    <td>
                      <div class="dropdown">
                        <button class="btn btn-round btn-primary-rgba" type="button" data-toggle="dropdown">
                          <i class="feather icon-more-vertical-"></i>
                        </button>
                        <div class="dropdown-menu">
                          <a class="dropdown-item" href="{{ url('admin/shorts/' . $short->id . '/edit') }}">
                            <i class="feather icon-edit mr-2"></i>{{ __('Edit') }}
                          </a>
                          <a class="dropdown-item" data-toggle="modal" data-target="#delete{{ $short->id }}">
                            <i class="feather icon-delete mr-2"></i>{{ __('Delete') }}
                          </a>
                        </div>
                      </div>

                      <div class="modal fade" id="delete{{ $short->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                        <div class="modal-dialog modal-sm">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title">{{ __('DELETE') }}</h5>
                              <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                            </div>
                            <div class="modal-body">
                              <h4>{{ __('Are You Sure ?') }}</h4>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Cancel') }}</button>
                              <form action="{{ url('admin/shorts/' . $short->id) }}" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger">{{ __('Delete') }}</button>
                              </form>
                            </div>
                          </div>
                        </div>
                      </div>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection