@extends('layouts.app')
@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="px-sm-4">

            <div class="row mt-2 mt-sm-3">
                <div class="col-md-7 col-10">
                    <div class="top-head">
                        <h1>Testimonials</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Testimonials</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                {{-- <div class="col-md-5 text-sm-right text-left">
                        <button type="button" class="btn cancel-btn mr-2">Cancel</button>
                        <a href="#"><button type="button" class="btn save-btn ">Save</button></a>
                    </div> --}}
            </div>

            <div class="row mt-3">
                <div class="col-md-12">
                    <div class="tab-content" id="myTabContent">
                        <div class="row mt-4 justify-content-end">
                            <div class="top-search-bar d-sm-block d-none mr-3">

                                <form class="search-form" role="search">
                                    <input type="hidden" name="tab" value="Testimonials">
                                    <div class="form-group pull-right {{ isset($search) && $search ? 'sb-search-open' : '' }}" id="search">
                                        <input type="search" name="search" value="{{ $search }}" onchange="this.form.submit()" class="form-control">
                                        <span class="search-label"><img src="{{ asset('assets/img/search.svg') }}" alt="/"></span>
                                    </div>
                                </form>

                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-md-12">
                                <div class="card p-2">
                                    <div class="table-responsive">
                                        <table class="table dairy-table mb-0">
                                            <thead>
                                                <tr>
                                                    <th colspan="2">TESTIMONIAL</th>
                                                    <th>UPLOADED BY</th>
                                                    <th>UPLOADED BY NAME</th>
                                                    <th>DATE</th>
                                                    <th>Status</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($testimonials as $item)
                                                <tr>
                                                    <td width="100px">
                                                        @if ($item->type == 'image')
                                                        <a href="{{ isset($item->attachment) ? $item->attachment : '' }}"
                                                                        target="_blank"><img
                                                                            src="{{ isset($item->attachment) ? $item->attachment : '' }}"
                                                                            onerror="this.src='/assets/img/user-default.jpg'"
                                                                            alt="{{ isset($item->attachment) ? $item->attachment : '' }}"
                                                                            width="80px" height="80px">
                                                                    </a>
                                                        @elseif($item->type == 'video')
                                                        {{-- <iframe width="150px" height="80px"
                                                                        src="{{ isset($item->attachment) ? $item->attachment : '' }}">
                                                        </iframe> --}}

                                                        <video width="150px" height="240" controls>
                                                            <source src="{{ isset($item->attachment) ? $item->attachment : '' }}" type="video/mp4">
                                                            {{-- <source src="movie.ogg" type="video/ogg"> --}}

                                                        </video>
                                                        @endif
                                                        {{-- <img src="/assets/img/table-img3.png" class="table-cow" alt=""> --}}
                                                    </td>
                                                    <td width="200px">{{ @$item->description }}</td>
                                                    <td>{{ @$item->createdBy->user_type ?? 'NA' }}</td>
                                                    <td>{{ @$item->createdBy->name ?? 'NA' }}</td>
                                                    <td>{{ date('d-M-Y', strtotime(@$item->created_at)) }}</td>

                                                    @if($item->status == 'active')
                                                    <td>Approved</td>
                                                    @elseif($item->status == 'pending' || $item->status == 'inactive')
                                                    <td>Pending</td>
                                                    @else
                                                    <td class="text-red">Rejected</td>
                                                    @endif

                                                    <td width="200px" class="text-right">
                                                        @if ($item->status == 'active')
                                                        <!-- <a href="javascript:;">
                                                            <span class="mr-2">Approved</span>
                                                        </a> -->
                                                        @else
                                                        <a href="javascript:void(0);" data-request="ajax-submit-confirm" data-message="Are you sure you want to approve ?" data-url="/api/others/status-update/{{ base64_encode($item->id) }}/active" data-reload="true">
                                                            <span class="badge approved-btn mr-2">Approve</span>
                                                        </a>
                                                        @endif
                                                        @if ($item->status == 'active')
                                                        <a href="javascript:void(0);" data-request="ajax-submit-confirm" data-message="Are you sure you want to reject ?" data-url="/api/others/status-update/{{ base64_encode($item->id) }}/rejected" data-reload="true">
                                                            <span class="badge approved-btn mr-2"><img src="/assets/img/red-delete.svg" alt="" width="20" height="20"></span>
                                                        </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                                @endforeach

                                            </tbody>
                                        </table>
                                        @if (count($testimonials) == 0)
                                        <div>
                                            <center>No record(s) found!</center>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{ $testimonials->appends(request()->input())->links('partials.pagination') }}
                    </div>

                    
                </div>
            </div>
        </div>
    </div>
</section>
@endsection