Current File : /home/tradevaly/public_html/resources/views/user/pages/advertisment/active.blade.php

@extends('user.ayaan.master')

@push('title','Active Advertisment')
@section('css')
    <!-- DataTables -->
    <link href="{{ asset('/assets/libs/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')

    @component('components.breadcrumb')
        @slot('li_1') Dashboard @endslot
        @slot('title')All Active Advertisment @endslot
    @endcomponent
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table" id="datatable-buttons">
                            <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th>Advertisment Position</th>
                                <th>Photo</th>
                                <th>Link</th>
                                <th>start</th>
                                <th>end</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>

                            @foreach ($advertisments as $advertisment)
                                <tr>
                                    <td class="text-center">{{$loop->iteration}}</td>
                                    <td>
                                        {{$advertisment->position}} 
                                    </td>
                                    <td>
                                        <img height="50" src="{{asset('storage/banner/'.$advertisment->image)}}" alt="" class='img-fluid'>
                                    </td>
                                    <td>
                                        {{ $advertisment->link }}
                                    </td>
                                    <td>
                                        {{ $advertisment->start }}
                                    </td>
                                    <td>
                                        {{ $advertisment->end }}
                                    </td>
                                    <td>
                                        @if($advertisment->isActive == 1)
                                        <span class="badge bg-success">Active</span>
                                        @else
                                        <span class="badge bg-warning">Pending</span>
                                        @endif
                                    </td>
                                    <td>
                                       <div class="btn-group" role="group" aria-label="Basic example">
                                          <a href="{{ route('user.advertisment.edit',$advertisment->id) }}" class="btn btn-info">Update</a>
                                        </div>
                                    </td>
                                    
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- end row -->
@endsection
@section('script')
    <!-- Required datatable js -->
    <script src="{{ asset('/assets/libs/datatables/datatables.min.js') }}"></script>
    <script src="{{ asset('/assets/libs/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('/assets/libs/pdfmake/pdfmake.min.js') }}"></script>
    <!-- Datatable init js -->
    <script>
        let advertiser_buttons = document.querySelectorAll('.advertiser_buttons');

        advertiser_buttons.addEventListener("click", updateFunction);

        function updateFunction() {
            console.log('mehedi');
        }
    </script>
    <script type="text/javascript">
        $(function () {


            $(document).ready(function () {

                var table = $('#datatable-buttons').DataTable({
                    lengthChange: false,
                    processing: true,
                    dom: 'Bfrtip',

                    buttons: ['copy', 'excel', 'pdf', 'colvis']
                });
                table.buttons().container().appendTo('#datatable-buttons_wrapper .col-md-6:eq(0)');
                $(".dataTables_length select").addClass('form-select form-select-sm');
            });
        });
    </script>
@endsection