@extends('dashboard.layouts.master')
@section('title', __('backend.view_business_owner_details'))

@section('content')
    <link href="{{ asset('assets/dashboard/css/select2.min.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">

    <div class="padding list-school">
        <div class="box">
            <div class="box-header m-b-2">
                <div class="box-header-left">
                    <h3>{{ __('backend.view_business_owner_details') }}</h3>
                    <small>
                        <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> /
                        <a href="{{ route('business_owner') }}">{{ __('backend.business_owner_management') }}</a> /
                        {{ __('backend.view_business_owner_details') }}
                    </small>
                </div>
            </div>

            <div class="box nav-active-border b-info">
                <div class="tab-content clear">
                    <div class="tab-pane active" id="tab_details">
                        <div class="box-body">

                            <h4>{{ __('backend.business_media') }}</h4>

                            <table class="table table-bordered">

                                <!-- LOGO -->
                                <tr>
                                    <th>{{ __('backend.business_logo') }}</th>
                                    <td style="width: 75%">
                                        @php
                                            $logo = !empty($business->business_logo)
                                                ? Storage::disk('s3')->url($business->business_logo)
                                                : asset('assets/dashboard/images/profile.jpg');
                                        @endphp

                                        <a href="{{ $logo }}" target="_blank">
                                            <img src="{{ $logo }}"
                                                style="width:100px;height:100px;object-fit:cover;border-radius:6px;">
                                        </a>
                                    </td>
                                </tr>

                                <!-- BUSINESS IMAGES -->
                                <tr>
                                    <th>{{ __('backend.business_images') }}</th>
                                    <td style="width: 75%">
                                        <div style="display:flex; gap:10px; flex-wrap:wrap;">

                                            @if (isset($business->images) && count($business->images) > 0)

                                                @foreach ($business->images->unique('image') as $image)
                                                    @php
                                                        $imageUrl = !empty($image->image)
                                                            ? Storage::disk('s3')->url($image->image)
                                                            : asset('assets/dashboard/images/profile.jpg');
                                                    @endphp

                                                    <a href="{{ $imageUrl }}" target="_blank">
                                                        <img src="{{ $imageUrl }}"
                                                            style="width:100px;height:100px;object-fit:cover;border-radius:6px;">
                                                    </a>
                                                @endforeach
                                            @else
                                                <span>-</span>
                                            @endif

                                        </div>
                                    </td>
                                </tr>

                            </table>


                            <h4 class="m-b-md">{{ __('backend.business_information') }}</h4>
                            <table class="table table-bordered m-a-0">
                                <tr>
                                    <th style="width: 25%">{{ __('backend.business_name') }}</th>
                                    <td>{{ $business->business_name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.business_category') }}</th>
                                    <td>{{ isset($business->category) ? $business->category->name : '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.business_description') }}</th>
                                    <td>{{ $business->description ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.business_address') }}</th>
                                    <td>{{ $business->address ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Business {{ __('backend.contactPhone') }}</th>
                                    <td>{{ $business->business_phone ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Business {{ __('backend.contactEmail') }}</th>
                                    <td>{{ $business->business_email ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Business {{ __('backend.sitePreview') }}</th>
                                    <td>{{ $business->website_url ?? '-' }}</td>
                                </tr>
                                {{-- <tr>
                                    <th>{{ __('backend.business_contact_information') }}</th>
                                    <td>
                                        {{ __('backend.contactPhone') }}: {{ $business->business_phone ?? '-' }} <br>
                                        {{ __('backend.contactEmail') }}: {{ $business->business_email ?? '-' }} <br>
                                        {{ __('backend.sitePreview') }}: {{ $business->website_url ?? '-' }}
                                    </td>
                                </tr> --}}
                                <tr>
                                    <th>Approval Status</th>
                                    <td>
                                        @if ((int) $business->approval_status === 0)
                                            <div style="display:flex; gap:10px; flex-wrap:wrap;">
                                                <span class="btn btn-warning" style="pointer-events:none;">Pending</span>

                                                <form id="approveForm"
                                                    action="{{ route('business_owner.approve_reject') }}" method="POST"
                                                    style="display:inline-block; margin:0;">
                                                    @csrf
                                                    <input type="hidden" name="business_id" value="{{ $business->id }}">
                                                    <input type="hidden" name="action" value="approve">
                                                    <button type="button" class="btn btn-success"
                                                        onclick="confirmApprove()">Approve</button>
                                                </form>

                                                <button type="button" class="btn btn-danger" id="openRejectModal">
                                                    Reject
                                                </button>
                                            </div>
                                        @elseif ((int) $business->approval_status === 1)
                                            Approved
                                        @elseif ((int) $business->approval_status === 2)
                                            <div style="display:flex; gap:10px; flex-wrap:wrap; align-items:center;">
                                                Rejected

                                                @if (!empty($business->reject_reason))
                                                    <span class="text-danger">Reason:
                                                        {{ $business->reject_reason }}</span>
                                                @endif
                                            </div>
                                        @else
                                            <span class="btn btn-secondary" style="pointer-events:none;">Unknown</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                            <br>

                            <h4 class="m-b-md">{{ __('backend.owner_details') }}</h4>
                            <table class="table table-bordered m-a-0 m-b-md">
                                <tr>
                                    <th style="width: 25%">{{ __('backend.owner_name') }}</th>
                                    <td>{{ $business->owner->full_name ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.email_address') }}</th>
                                    <td>{{ $business->owner->email ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('backend.phone_number') }}</th>
                                    <td>{{ $business->owner->mobile_number ?? '-' }}</td>
                                </tr>
                            </table>


                        </div>
                    </div>

                    <div class="row m-t-md">
                        <div class="col-lg-12 col-md-12">
                            <div class="form-group">
                                <a href="{{ route('business_owner') }}" class="border-btn">
                                    {{ __('backend.cancel') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Reject Modal -->
    <div id="rejectModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <form action="{{ route('business_owner.approve_reject') }}" method="POST" id="rejectForm">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Reject Business</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    <div class="modal-body">
                        <input type="hidden" name="business_id" value="{{ $business->id }}">
                        <input type="hidden" name="action" value="reject">

                        <div class="form-group">
                            <label for="reject_reason">Reason for Rejection</label>
                            <textarea class="form-control" name="reject_reason" id="reject_reason" rows="3" required></textarea>
                        </div>

                        <p>An email will be sent to the owner detailing the rejection.</p>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger">Confirm Reject</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('after-scripts')
    <script src="{{ asset('assets/dashboard/js/jquery.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

    <script>
        function confirmApprove() {
            swal({
                title: "Are you sure?",
                text: "Are you sure you want to approve this business?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#28a745",
                confirmButtonText: "Yes, approve it!",
                cancelButtonText: "Cancel",
                closeOnConfirm: true
            }, function(isConfirm) {
                if (isConfirm) {
                    document.getElementById('approveForm').submit();
                }
            });
        }

        $(document).ready(function() {
            $('#openRejectModal').on('click', function() {
                $('#rejectModal').modal('show');
            });

            $('#rejectForm').on('submit', function(e) {
                var reason = $('#reject_reason').val().trim();

                if (reason === '') {
                    e.preventDefault();
                    alert('Please enter rejection reason.');
                    $('#reject_reason').focus();
                    return false;
                }
            });
        });
    </script>
@endpush