@extends('layouts.dashboard.app')
@section('title', 'All Companies | Chemical Wholesale')
@section('content')
    <div class="cw-content">
        <div class="container-fluid">
            <div class="cw-content-inner">
                <div class="cw-content-body">
                    <div class="cw-block-head cw-block-head-sm">
                        <div class="cw-block-between d-flex justify-content-between align-items-center">
                            <div class="cw-block-head-content">
                                <h3 class="cw-block-title page-title">All Companies</h3>
                                <div class="cw-block-des text-soft">
                                    <p>Manage all your companies.</p>
                                </div>
                            </div>
                            <div>
                                <div class="d-lg-flex d-none align-items-center">
                                    <form action="{{ route('admin.business') }}" method="POST">
                                        @csrf
                                        <div class="d-flex">
                                            <select class="form-control form-select select select-small me-2 cw-select country_id"
                                                name="country" onchange="this.form.submit()" id="country_id">
                                                <option data-isocode="NULL" value="">Filter By Country</option>
                                                @foreach (Common::country() as $country)
                                                    <option data-isocode="{{ @$country->iso2_code }}" value="{{ @$country->id }}"
                                                        {{ @$search['country'] == $country->id ? 'selected="selected"' : '' }}>
                                                        {{ $country->name_en }}</option>
                                                @endforeach
                                            </select>
                                            <input type="text" name="search"
                                                placeholder="Search Company By Name, Email, Phone And Role"
                                                title="Search Company By Name, Email, Phone And Role"
                                                class="form-control cw-search-input ms-2" value="{{ @$search['search'] }}">
                                        </div>
                                    </form>
                                    {{-- 
                                    <a href="{{ route('admin.business-profile') }}" class="btn-cw ms-2">
                                        <i class="bi bi-plus me-2"></i>Add New
                                    </a>
                                    --}}
                                    <a href="{{ route('admin.business') }}" class="btn-cw-cancel ms-2">
                                        <i class="bi bi-bootstrap-reboot me-2"></i>Reset
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @include('layouts.dashboard.flash')
                    <div class="card">
                        <div class="table-responsive">
                            <table class="table table-hover table-nowrap">
                                <thead>
                                    <tr>
                                        <th scope="col">Company</th>
                                        <th scope="col">Address</th>
                                        <th scope="col">Email</th>
                                        <th scope="col">Phone</th>
                                        <th scope="col">Role</th>
                                        <th scope="col">Contact User</th>
                                        <th scope="col">Approval Status</th>
                                        {{-- <th scope="col">Review Score</th> --}}
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php $i=0; @endphp
                                    @if (count($business) > 0)
                                        @foreach ($business as $b)
                                            <tr>
                                                <td data-label="Job Title">
                                                    <img alt="logo" src="{{ @$b['getlogo']['path'] }}"
                                                        class="avatar-sm e me-2"
                                                        onerror="src='/assets/dashboard/img/icons/company.png'">
                                                    <a class="text-heading font-semibold"
                                                        href="{{ route('admin.companies-info', @$b->uuid) }}">
                                                        {{ ucfirst(@$b['company']) }}
                                                    </a>
                                                </td>
                                                <td data-label="">
                                                    @if (!empty($b->business->getaddress) && $b->business->getaddress->count() > 0)
                                                        @php
                                                            $address = $b->business->getaddress->first();
                                                            $ad = !empty($address->location_name)
                                                                ? $address->location_name . ', '
                                                                : '';
                                                            $ad .= !empty($address->address_1)
                                                                ? $address->address_1 . ', '
                                                                : '';
                                                            $ad .= !empty($address->address_2)
                                                                ? $address->address_2 . ', '
                                                                : '';
                                                            $ad .= !empty($address->district)
                                                                ? $address->district . ', '
                                                                : '';
                                                            $ad .= !empty($address->state_id)
                                                                ? $address->state_id . ', '
                                                                : '';
                                                            $ad .= !empty($address->country_id)
                                                                ? $address->country_id
                                                                : '';
                                                        @endphp
                                                    @endif
                                                    <a class="text-current"
                                                        href="javascript:void(0);">{{ !empty(@$ad) ? trim(@$ad, ',') : '--' }}</a>
                                                </td>
                                                <td data-label="Phone">
                                                    <a class="text-current" href="mailto:bal@developingnow.com">
                                                        {{ @$b['company_email'] }}
                                                    </a>
                                                </td>
                                                <td>
                                                    <a class="text-current" href="javascript:void(0);">
                                                        {{ @$b['company_phone'] }}
                                                    </a>
                                                </td>
                                                <td>
                                                    <a class="text-current" href="javascript:void(0);">
                                                        {{ @$b['company_role'] ?? '--' }}
                                                    </a>
                                                </td>
                                                <td data-label="">
                                                    <span>{{ @$b['contact_person_name'] ?: 'N.A' }} <br>
                                                        {{ @$b['support_email'] ?: '' }}<br>
                                                        {{ @$b['support_phone'] ?: '' }}
                                                    </span>
                                                </td>
                                                {{--
                                                <td data-label="">
                                                    <span class="badge bg-soft-success text-success">10/10</span>
                                                </td>
                                                --}}
                                                <td class="approve{{$b['uuid']}}">{{ (@$b->approved == 1) ? 'Pending Review' : ((@$b->approved == 2) ? 'Approved':'Disapproved') }}</td>
                                                <td data-label="" class="text-end">
                                                    <div class="dropdown table">
                                                        <a class="text-muted" href="javascript:void(0);" role="button"
                                                            data-bs-toggle="dropdown" aria-haspopup="true"
                                                            aria-expanded="false">
                                                            <i class="bi bi-three-dots-vertical"></i>
                                                        </a>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            @if (Auth::user()->trade_role == 4 && !empty($b->getowner))
                                                                <a href="{{ route('admin.login.impersonate', ['userid' => @$b->getowner->id]) }}"
                                                                    class="dropdown-item" target="_blank">
                                                                    Impersonate
                                                                </a>
                                                                @if($b['approved'] > 0)
                                                                    <a href="javascript:void(0);" data-link="{{ route('admin.business.changestatus', 'abc')}}" data-toggle="tooltip" title="change status to approve" data-status-type="approve" data-status="{{ @$b['approved'] }}" data-id="{{ @$b['uuid'] }}" class="approvestatus dropdown-item" data-lid="{{$i}}" id="updateApprove">
                                                                        <span id="approveIcon{{@$b['uuid']}}" class="text-left p-0">{{ $b['approved'] == 2 ? 'Disapprove' : 'Approve' }}</span>
                                                                    </a>
                                                                @endif
                                                            @endif
                                                            <a href="{{ route('admin.companies-info', @$b->uuid) }}"
                                                                class="dropdown-item">
                                                                Preview
                                                            </a>
                                                            @if (Auth::user()->trade_role != 4)
                                                                <a href="{{ route('admin.business.edit', @$b->uuid) }}"
                                                                    class="dropdown-item">
                                                                    Edit
                                                                </a>
                                                            @endif
                                                            <a href="{{ route('admin.companies-info', @$b->uuid) }}"
                                                                class="dropdown-item recdelete2" data-uuid="{{ @$b->uuid }}">
                                                                Delete
                                                            </a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            @php $i++; @endphp
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="7" class="text-center">
                                                No companies to show.
                                            </td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="mt-4">
                    <nav class="d-flex align-items-center justify-content-between">
                        <div class="small">Showing {{ $business->appends(['search' => @$search['search']])->count() }} out
                            of {{ $business->appends(['search' => @$search['search']])->total() }}</div>
                        <ul class="pagination justify-content-end">
                            <li class="page-item {{ $business->previousPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $business->toArray()['first_page_url'] }}">First</a>
                            </li>
                            <li class="page-item {{ $business->previousPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $business->previousPageUrl() }}">Previous</a>
                            </li>
                            <li class="page-item {{ $business->nextPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $business->nextPageUrl() }}">Next</a>
                            </li>
                            <li class="page-item {{ $business->nextPageUrl() == '' ? 'disabled' : '' }}">
                                <a class="page-link" href="{{ $business->toArray()['last_page_url'] }}">Last</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
    <style>
        .swal2-input {
            height: auto !important;
            width: calc(100% - 80px) !important;
            box-shadow: none !important;
            font-size: 15px !important;
            padding: 15px !important;
        }
        
        .swal2-html-container {
            margin: 0 !important;
        }
    </style>
@endpush
@push('js')
<script>
    $("#country_id").select2({
        width: "100%",
    });
    $(document).ready(function() {
        var select = $('#country_id');
        var usOption = select.find('option[data-isocode="US"]').detach();  // Remove the US option
        select.find('option[data-isocode="NULL"]').after(usOption);  // Add it back at the top
    });

    $('.approvestatus').on('click', function (e) {
        e.preventDefault();
        var id = $(this).attr('data-id');
        var status = $(this).attr('data-status');
        var type = $(this).attr('data-status-type');
        var link = $(this).attr('data-link');
        var reqdata = {
            id: id,
            status: status,
            type: type,
            verified:true,
        };
        var title = 'Change Status To Disapprove';
        var rmClass='red-light';
        var adClass='green-light';
        var html = "Disapprove";
        var statusText = 'Approved';
        if (status == 2){
            var title = 'Change Status To Approve';
            var rmClass='green-light';
            var adClass='red-light';
            var html = "Approve";
            var statusText ='Disapproved';
        }
        var link2 = link.replace('/abc', '/'+id);

        $.ajax({
            url: link2,
            type: 'POST',
            data: reqdata,
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function() {
                $('body').append('<div class="blockUI" style="z-index: 10000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.6; cursor: wait; position: fixed;"></div>');
            },
            success: function (data) {
                if(data.success == '1') {
                    $("#approveIcon"+id).html(html);
                    $("#approveIcon"+id).removeClass(rmClass).addClass(adClass);
                    $(".approve"+id).html(statusText);
                    $("#updateApprove"+id).attr('data-status', data.status);
                    $("#updateApprove"+id).attr('title', title);
                } else {
                    sweetAlert(data.msg);
                }
                $( "div.blockUI" ).remove();
            },
            error: function (result) {
                // console.log('An error occurred: '+result.status+' '+result.statusText);
                sweetAlert(result.responseJSON.msg);
                $( "div.blockUI" ).remove();
            },
            cache: false
        });
    }); // Update Status

    //Delete confirmation
$('.recdelete2').click(function(e) {
    e.preventDefault();
    var bid = $(this).data('uuid');
    Swal.fire({
        title: 'Are you sure?',
        html: `
                <label for="" class="swal2-input-label small">Once deleted, you will not be able to recover this entry! <br> All products, sales history and other data of this company will be permanently removed and unrecoverable.</label>
                <input id="swal-input1" class="swal2-input" placeholder="Enter 'DELETE'">
                <input id="swal-input2" class="swal2-input" type="password" placeholder="Confirm password">
            `,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#198754',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!',
        customClass: {
            confirmButton: 'btn btn-success',
            cancelButton: 'btn btn-danger',
        },
        preConfirm: async (login) => {
            let deleteRes = document.getElementById("swal-input1").value;
            let password = document.getElementById("swal-input2").value;

            if(deleteRes == '' && password == ''){
                Swal.showValidationMessage(`Request failed: Please enter DELETE & Confirm password.`);
                return false;
            }else if(deleteRes == ''){
                Swal.showValidationMessage(`Request failed: Please enter DELETE.`);
                return false;
            }else if(password == ''){
                Swal.showValidationMessage(`Request failed: Please confirm your password.`);
                return false;
            }else if(deleteRes != 'DELETE'){
                Swal.showValidationMessage(`Request failed: Please enter DELETE.`);
                return false;
            }

            try {
                const deleteUrl = `/admin/delete/buisness/${bid}?delete=${deleteRes}&password=${password}`;
                const response = await fetch(deleteUrl);
                if (!response.ok) {
                    return Swal.showValidationMessage(`${JSON.stringify(await response.json())}`);
                }
                return response.json();
            } catch (error) {
                return Swal.showValidationMessage(`Request failed: ${error}`);
            }
        },
    }).then((result) => {
        if (result.isConfirmed) {
            // window.location = $(this).attr("href");
            window.location.reload();
        }
    });
});
</script>
@endpush