@extends('layouts.app')
@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('partials.title-pad', [
                'title' => __('labels.content_list_heading'),
                'search' => $search,
                'filter' => 'filter',
                'searchPlaceholder' => __('placeholders.search', ['static' => __('static.content')]),
                'list' => $broadcasts,
                'export' => 'export',
            ])
            <div class="mb-3 text-right">
                <a class="clear-filter" id="clear-filter">Clear Filters</a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0"
                            cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>{{ __('datatable.id') }}</th>
                                    <th>{{ __('datatable.name') }}</th>
                                    <th>{{ __('datatable.university') }}</th>
                                    <th>{{ __('datatable.created_at') }}</th>
                                    <th>{{ __('datatable.broadcast_content') }}</th>
                                    <th>{{ __('datatable.image') }}</th>
                                    <th>{{ __('datatable.broadcast_flag') }}</th>
                                    <th>{{ __('No. of Like') }}</th>
                                    <th>{{ __('No. of Comment') }}</th>
                                    <th>{{ __('datatable.action') }}</th>
                                </tr>
                                @php
                                $startingIndex = ($broadcasts->currentPage() - 1) * $broadcasts->perPage() + 1;
                                @endphp
                                @forelse ($broadcasts as $key => $broadcast)
                                    <tr>
                                        <td>{{ $startingIndex + $key }}</td>
                                        <td>{{ $broadcast->user_name }}</td>
                                        <td>{{ $broadcast->university_name }}</td>
                                        <td>{{ $broadcast->created_at }}</td>
                                        <td>{{ $broadcast->description }}</td>
                                        <td width="10px"><a href="{{ $broadcast->image }}" target="_blank">
                                                <img src="{{ $broadcast->image }}" class="table-cow"alt=""></td>
                                        <td><span
                                                class="badge bad-status badge-success">{{ $broadcast->total_flags()->count() }}</span>
                                        </td>
                                        <td><span
                                                class="badge bad-status badge-success">{{ $broadcast->total_likes()->count() }}</span>
                                        </td>
                                        <td><span
                                                class="badge bad-status badge-success">{{ $broadcast->total_comments()->count() }}</span>
                                        </td>
                                        <td>
                                            <a href="#" data-toggle="modal" data-target="#delete" id="deletePopup"
                                                onclick="dataDelete({{ $broadcast->id }})" class="text-danger f-16"><i
                                                    class="iconly-boldDelete"></i></a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('labels.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                {{-- Pagination --}}
                    {{ $broadcasts->appends(request()->query())->links('partials.pagination') }}
                {{-- Pagination End --}}
            </div>
            <style>
                #clear-filter {
                    cursor: pointer;
                }

                #map1 {
                    height: 100%;
                }

                .footer-row {
                    margin-left: 118px !important;
                }
            </style>
        </div>
    </section>

    <div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
        aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content bg-light modalPad">
                    <div class="modal-header position-relative border-0">
                        <div class="">
                            <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                                <img src="{{ asset('assets/img/close.svg') }}" />
                            </button>
                            <div class="">
                                <h5>{{ __('labels.content_list') }}</h5>
                                {{-- <p class="mb-0">{{ __('buttons.Filter') }}</p> --}}
                            </div>

                        </div>
                    </div>
                    <div class="modal-body pt-0">
                        <form class="form" method="GET" action="{{ route('content.index') }}">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="exampleFormControlSelect1">{{ __('labels.select_university') }}</label>
                                        <select class="form-control selectpicker" name = "university">
                                            <option value=""> Select University</option>
                                            @foreach ($universities as $university)
                                                <option value = "{{ $university->id }}" {{request('university') == $university->id ? 'selected' : '' }}>{{ $university->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleFormControlSelect2">{{ __('Select Flaged') }}</label>
                                        <select class="form-control selectpicker" name = "flaged">
                                            <option value=""> Select Flaged</option>
                                            <option value="1" {{request('flaged') == 1 ? 'selected' : ''}}>Yes</option>
                                            <option value="0" {{request('flaged') && request('flaged')  == 0 ? 'selected' : ''}}>No</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 mt-1">
                                    <button type = "submit"
                                        class="btn btn-primary">{{ __('buttons.apply_filter') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle"
        aria-hidden="true">
        <div class="modal-dialog  modal-dialog-centered" role="document">
            <div class="modal-content bg-light modalPad">
                <form class="needs-validation" novalidate>
                    <div class="modal-header position-relative border-0">
                        <div class="">
                            <h5>{{ __('labels.delete_confirm') }}</h5>
                        </div>
                    </div>
                    <div class="modal-body pt-0">
                        <div class="row">
                            <div class="col-md-12">
                                Are you sure want to delete the broadcast ?
                                <br />
                                All associated data including comments, likes will also be deleted.
                            </div>
                            <div class="col-md-6 mt-4">
                                <button onclick="confirmDelete();" id="confirmDeleteButton" type="button"
                                    class="btn btn-danger">{{ __('buttons.delete') }}</button>
                            </div>
                            <div class="col-md-6 mt-4">
                                <button data-dismiss="modal" aria-label="Close"
                                    class="btn btn-primary">{{ __('buttons.cancel') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>


    @section('scripts')
        <script>
            let broadcast_id;

            function dataDelete(broadcastId) {
                broadcast_id = broadcastId;
            }

            function confirmDelete() {
                if (broadcast_id) {
                    window.location.href = "content/delete/" + broadcast_id;
                }
            }

            $(document).ready(function() {
                $('#clear-filter').on('click', function() {
                    var currentURL = window.location.href.split('?')[0];
                    window.location.href = currentURL;
                });
            });
        </script>
    @endsection
@endsection