@extends('layouts.tenant.master')
@section('title', 'Manage Role Menu')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" type="text/css" href="{{ dynamic_url('assets/main/css/owlcarousel.css') }}">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

@endsection
@section('style')
    <style>
        h4 {
            color: #266e8f;
        }

        thead {
            background-color: #add8e6;
        }
    </style>
@endsection
@section('breadcrumb-title')
    <h2>Manage User <span>Role </span></h2>
    <br><br>
@endsection
@section('breadcrumb-items')
    <li class="breadcrumb-item">Manage </li>
    <li class="breadcrumb-item">User</li>
    <li class="breadcrumb-item active">Role</li>
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <form action="{{ route('tenant_admin_representative') }}" method="post" accept-charset="utf-8"
                    role="form" enctype="multipart/form-data">
                    @csrf
                    <div class="row d-flex">
                        <h4><b>Connect Admin To Representative</b></h4>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="representative_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Representative</option>
                                    @foreach ($all_under_user_list as $representative)
                                        <option value="{{ $representative->id }}">{{ $representative->username }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="text-center p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <button type="submit" class="w-50 mt-2 mb-3 btn btn-outline-info btn-sm"><i class="fa-solid fa-floppy-disk"></i>
                                Submit</button>
                            </div>
                        </div>
                    </div>
                </form>

                <form action="{{ route('tenant_showroom_representative') }}" method="post" accept-charset="utf-8"
                    role="form" enctype="multipart/form-data">
                    @csrf
                    <div class="row d-flex">
                        <h4>Connect Showroom To Representative</h4>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="showroom_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Showroom</option>
                                    @foreach ($all_showroom_user_list as $all_showroom)
                                        <option value="{{ $all_showroom->id }}">{{ $all_showroom->username }}</option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="representative_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Representative</option>
                                    @foreach ($all_under_user_list as $representative)
                                        <option value="{{ $representative->id }}">{{ $representative->username }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="text-center p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-12">
                            <div class="form-group">
                                <button type="submit" class="w-50 mt-2 mb-3 btn btn-outline-info btn-sm"><i
                                        class="fa-solid fa-floppy-disk"></i>
                                    Submit</button>
                            </div>
                        </div>
                    </div>
                </form>

                <form action="{{ route('tenant_dealer_representative') }}" method="post" accept-charset="utf-8"
                    role="form" enctype="multipart/form-data">
                    @csrf
                    <div class="row d-flex">
                        <h4>Connect Dealer To Representative</h4>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="dealer_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Dealer</option>
                                    @foreach ($all_dealers_user_list as $dealer)
                                        <option value="{{ $dealer->id }}">{{ $dealer->username }}</option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="representative_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Representative</option>
                                    @foreach ($all_under_user_list as $representative)
                                        <option value="{{ $representative->id }}">{{ $representative->username }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="text-center col-12 p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <button type="submit" class="w-50 mt-2 mb-3 btn btn-outline-info btn-sm"><i
                                        class="fa-solid fa-floppy-disk"></i>
                                    Submit</button>
                            </div>
                        </div>
                    </div>
                </form>

                <form action="{{ route('tenant_distributor_representative') }}" method="post" accept-charset="utf-8"
                    role="form" enctype="multipart/form-data">
                    @csrf
                    <div class="row d-flex">
                        <h4>Connect Distributor To Repersentative</h4>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="distributor_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Distributor</option>
                                    @foreach ($all_distibutor_user_list as $distributor)
                                        <option value="{{ $distributor->id }}">{{ $distributor->username }}</option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <select name="representative_id" class="select_user_send_option form-control" required>
                                    <option value="">Select Representative</option>
                                    @foreach ($all_under_user_list as $representative)
                                        <option value="{{ $representative->id }}">{{ $representative->username }}
                                        </option>
                                    @endforeach
                                </select>
                                <span class="err" style="color: red;"></span>
                            </div>
                        </div>
                        <div class="text-center col-12 p-2 col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
                            <div class="form-group">
                                <button type="submit" class="w-50 mt-2 mb-3 btn btn-outline-info btn-sm"><i
                                        class="fa-solid fa-floppy-disk"></i>
                                    Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="col-md-6 ">
                <div class="container">
                    <div class="row">
                        <form action="{{ route('tenant_export_distributor') }}" method="post" accept-charset="utf-8"
                            role="form" enctype="multipart/form-data">
                            @csrf
                            <div class="row d-flex justify-content-between">
                                <div class="col-lg-6 col-md-6 col-12 text-center">
                                    <h4><b>User's Connections Chart</b></h4>
                                </div>
                                <div class="col-lg-6 col-md-6 col-12 text-end">
                                    <button type="submit" class="btn btn-outline-primary firstExport">Export List</button>
                                </div>
                            </div>
                            <div class="table-responsive table-sm mt-4">
                                <table class="table p-0 m-0 table-striped table-bordered table-sm"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                        </tr>
                                        <tr>
                                            <th>Representative</th>
                                            <th>Distributor</th>
                                            <th>Affiliate</th>
                                        </tr>

                                    </thead>
                                    <tbody>

                                        @foreach ($rep_distri_data as $key => $distri_rep)
                                            <tr>
                                                <td>{{ $key }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>

                                            @foreach ($distri_rep as $key2 => $users)
                                                <tr>
                                                    <td></td>
                                                    <td>{{ $key2 }}</td>
                                                    <td></td>
                                                </tr>
                                                @if (is_iterable($users))
                                                    @foreach ($users as $key3 => $val)
                                                        <tr>
                                                            <td></td>
                                                            <td></td>
                                                            <td>{{ $val['username'] }}></td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @if (empty($rep_distri_data))
                                            <tr>
                                                <td colspan="3" style="opacity: 0.5;">No record(s) found.</td>
                                            </tr>
                                        @endif
                                    </tfoot>
                                </table>
                            </div>
                        </form>
                    </div>

                    <div class="row">
                        <form action="{{ route('tenant_export_showroom') }}" method="post" accept-charset="utf-8"
                            role="form" enctype="multipart/form-data">
                            @csrf
                            <div class="export_btn_showroom">
                                <button type="submit" class="btn btn-outline-primary" style="float: right;margin: 20px 0px 10px 10px;">
                                    Export List
                                </button>
                            </div>
                            <div class="table-wrapper" style="margin-top:80px;">
                                <table class="my_table_custom_cls table p-0 m-0 table-striped table-bordered table-sm"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                        </tr>
                                        <tr>
                                            <th>Representative</th>
                                            <th>Showroom</th>
                                            <th>Affiliate</th>
                                        </tr>

                                    </thead>
                                    <tbody>
                                        @foreach ($rep_show_data as $key => $show_rep)
                                            <tr>
                                                <td>{{ $key }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>

                                            @foreach ($show_rep as $key2 => $users)
                                                <tr>
                                                    <td></td>
                                                    <td>{{ $key2 }}</td>
                                                    <td></td>
                                                </tr>
                                                @foreach ($users as $key3 => $val)
                                                    <tr>
                                                        <td></td>
                                                        <td></td>
                                                        <td>{{ $val['username'] }}></td>
                                                    </tr>
                                                @endforeach
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @if (empty($rep_show_data))
                                            <tr>
                                                <td colspan="3" style="opacity: 0.5;">No record(s) found.</td>
                                            </tr>
                                        @endif
                                    </tfoot>
                                </table>
                            </div>
                        </form>
                    </div>

                    <div class="row">
                        <form action="{{ route('tenant_export_dealer') }}" method="post" accept-charset="utf-8"
                            role="form" enctype="multipart/form-data">
                            @csrf
                            <div class="export_btn_dealer">
                                <button type="submit" class="btn btn-outline-primary" style="float: right;margin: 20px 0px 10px 10px;">
                                    Export List
                                </button>
                            </div>
                            <div class="table-wrapper " style="margin-top:80px;">
                                <table class="my_table_custom_cls table p-0 m-0 table-striped table-bordered table-sm"
                                    style="width:100%">
                                    <thead>
                                        <tr>
                                        </tr>
                                        <tr>
                                            <th>Representative</th>
                                            <th>Dealer</th>
                                            <th>Affiliate</th>
                                        </tr>

                                    </thead>
                                    <tbody>
                                        @foreach ($rep_dealer_data as $key => $dealer_rep)
                                            <tr>
                                                <td>{{ $key }}</td>
                                                <td></td>
                                                <td></td>
                                            </tr>

                                            @foreach ($dealer_rep as $key2 => $users)
                                                <tr>
                                                    <td></td>
                                                    <td>{{ $key2 }}</td>
                                                    <td></td>
                                                </tr>
                                                @foreach ($users as $key3 => $val)
                                                    <tr>
                                                        <td></td>
                                                        <td></td>
                                                        <td>{{ $val['username'] }}></td>
                                                    </tr>
                                                @endforeach
                                            @endforeach
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        @if (empty($rep_dealer_data))
                                            <tr>
                                                <td colspan="3" style="opacity: 0.5;">No record(s) found.</td>
                                            </tr>
                                        @endif
                                    </tfoot>
                                </table>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection
@section('script')
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

        @if (session('duplicate_assignment'))
            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Duplicate Assignment',
                        text: '{{ session('duplicate_assignment') }}',
                    });
                });
            </script>
        @endif

        @if (session('success'))
            Swal.fire({
                icon: 'success',
                title: 'Success!',
                text: '{{ session('success') }}',
                confirmButtonColor: '#3085d6',
                timer: 3000
            });
        @endif

        @if (session('error'))
            Swal.fire({
                icon: 'error',
                title: 'Error!',
                text: '{{ session('error') }}',
                confirmButtonColor: '#d33',
                timer: 3000
            });
        @endif
    </script>

    <script>
        $(document).ready(function() {
            // Load Data
            function loadCatalogs() {
                $.ajax({
                    url: "{{ route('tenant_product_catalog_index') }}",
                    method: "GET",
                    success: function(data) {
                        let rows = '';
                        data.product_catalogs.forEach((catalog, index) => {
                            rows += `
                            <tr>
                                <td>${index + 1}</td>
                                <td>${catalog.name}</td>
                                <td>${catalog.image ?? 'N/A'}</td>
                                <td>${catalog.pdf ?? 'N/A'}</td>
                                <td>
                                    <select class="form-select status-dropdown" data-id="${catalog.id}">
                                        <option value="1" ${catalog.status == 1 ? 'selected' : ''}>Visible</option>
                                        <option value="0" ${catalog.status == 0 ? 'selected' : ''}>Not-Visible</option>
                                    </select>
                                </td>
                                <td>
                                    <button class="btn btn-sm btn-warning editCatalog" data-id="${catalog.id}">Edit</button>
                                    <button class="btn btn-sm btn-danger deleteCatalog" data-id="${catalog.id}">Delete</button>
                                </td>
                            </tr>
                        `;
                        });
                        $('#catalogTable tbody').html(rows);
                    }
                });
            }
            loadCatalogs();
            // Handle Create/Edit
            $('#createCatalog').click(function() {
                $('#catalogModalLabel').text('Create Catalog');
                $('#catalogForm')[0].reset();
                $('#catalogId').val('');
                $('#catalogModal').modal('show');
            });
            $('#catalogForm').submit(function(e) {
                e.preventDefault();
                let formData = new FormData(this);
                let id = $('#catalogId').val();
                let url = id ? `/product_catalogs/${id}` : "{{ route('product_catalogs.store') }}";
                let method = id ? 'PUT' : 'POST';
                $.ajax({
                    url: url,
                    method: method,
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(response) {
                        $('#catalogModal').modal('hide');
                        loadCatalogs();
                    }
                });
            });
            // Handle Delete
            $(document).on('click', '.deleteCatalog', function() {
                let id = $(this).data('id');
                if (confirm('Are you sure?')) {
                    $.ajax({
                        url: `/product_catalogs/${id}`,
                        method: 'DELETE',
                        success: function() {
                            loadCatalogs();
                        }
                    });
                }
            });
            // Handle Status Change
            $(document).on('change', '.status-dropdown', function() {
                let id = $(this).data('id');
                let status = $(this).val();
                $.ajax({
                    url: `/product_catalogs/${id}`,
                    method: 'PUT',
                    data: {
                        status
                    },
                    success: function() {
                        loadCatalogs();
                    }
                });
            });
        });
    </script>
@endsection