@extends('layouts.app')
@section('title', 'View Banner Details')
@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Banner Details</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Banner Details</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Banner Details</h3>
                    </div>
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Name:</label>
                                        <p class="form-control-static">{{ $bannerData->name }}</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Service Name:</label>
                                        <p class="form-control-static">{{ $bannerData->service->name??'All' }}</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Expire Date:</label>
                                        <p class="form-control-static">{{ date(config('constant.date_format.display_format'),strtotime($bannerData->banner_expire_date)) }}</p>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Status:</label>
                                        <span class="badge badge-{{ $bannerData->status == 1 ? 'success' : 'danger' }}">
                                            {{ $bannerData->status == 1? ucfirst(config('constant.display_status')[1]):ucfirst(config('constant.display_status')[0]) }}
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Banner Images:</label>
                                        <div class="d-flex flex-wrap">
                                            @php
                                            $allimg = explode(',', $bannerData->image);
                                            $basePath = config('constant.image_url.banner'); // Make sure this is set to something like 'banners/'
                                            @endphp

                                            @foreach($allimg as $img)
                                            @php
                                            $img = trim($img);
                                            $path = $basePath . $img;
                                            $imgUrl = Storage::disk('s3_banner')->exists($path)
                                            ? Storage::disk('s3_banner')->url($path)
                                            : asset('images/default-image.png');
                                            @endphp
                                            <img src="{{ $imgUrl }}" class="img-thumbnail mr-2 mb-2" width="120">
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Admin Approved Status:</label>
                                        @if ($bannerData->is_admin_approve == 0)
                                        <span class="badge badge-warning">Pending</span>
                                        @elseif ($bannerData->is_admin_approve == 1)
                                        <span class="badge badge-success">Approved</span>
                                        @elseif ($bannerData->is_admin_approve == 2)
                                        <span class="badge badge-danger">Reject</span>
                                        @endif
                                    </div>
                                    @if (Auth::user()->user_type == 'superadmin' && $bannerData->is_admin_approve == 0)

                                    <!-- Button for Reject -->
                                    <button type="button" class="btn btn-danger" id="reject-btn" data-status="2">Reject</button>

                                    <!-- Button for Approve -->
                                    <button type="button" class="btn btn-success" id="approve-btn" data-status="1">Approve</button>
                                    @endif
                                </div>
                            </div>
                            <div class="row" style="justify-content: end;">
                                <a href="{{ route('banner.list') }}" class="btn btn-secondary">Back</a>

                                <!-- Conditionally hide Edit button based on admin_approved_status -->
                                @if($bannerData->is_admin_approve != 2)
                                <a href="{{ route('banner.edit', $encryptId) }}" style="margin-left: 5px;" class="btn btn-primary">Edit</a>
                                @endif
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        // Get the banner ID from the Blade view using 
        let bannerId = @json($bannerData-> banner_id);

        // Handle the button click for Reject
        $('#reject-btn').click(function() {
            let status = $(this).data('status'); // Get the status value from the data-status attribute

            // Send the AJAX request to update the status
            $.ajax({
                url: "{{ route('update.status') }}", // Your update route
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}', // Correctly inject CSRF token
                    banner_id: bannerId, // Pass the banner ID
                    status: status // Pass the status (1 or 2)
                },
                success: function(response) {
                    // Update the status text in the UI
                    if (response.status == 1) {
                        $('#status-text').html('<span class="badge badge-success">Approved</span>');
                    } else if (response.status == 2) {
                        $('#status-text').html('<span class="badge badge-danger">Reject</span>');
                    }
                    window.location.reload();
                },
                error: function(xhr, status, error) {
                    alert('An error occurred while updating the status.');
                }
            });
        });

        // Handle the button click for Approve
        $('#approve-btn').click(function() {
            let status = $(this).data('status'); // Get the status value from the data-status attribute

            // Send the AJAX request to update the status
            $.ajax({
                url: "{{ route('update.status') }}", // Your update route
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}', // Correctly inject CSRF token
                    banner_id: bannerId, // Pass the banner ID
                    status: status // Pass the status (1 or 2)
                },
                success: function(response) {
                    // Update the status text in the UI
                    if (response.status == 1) {
                        $('#status-text').html('<span class="badge badge-success">Approved</span>');
                    } else if (response.status == 2) {
                        $('#status-text').html('<span class="badge badge-danger">Reject</span>');
                    }
                    window.location.reload();
                },
                error: function(xhr, status, error) {
                    alert('An error occurred while updating the status.');
                }
            });
        });
    });
</script>



@endsection