@extends('mycompany/main')

@php
    $companyDetail = $company_details ? $company_details[0] : [];
    $totalChangePending = $change_request_pending ? count($change_request_pending) : 0;
@endphp

@section('mycompany-content')
    <style>
        .circle-img {
            border-radius: 50%;
            overflow: hidden;
            width: 150px;
            height: 150px;
            background-color: white;
            /* Adjust width and height as needed */
        }

        .circle-img img {
            width: 100%;
            height: 100%;
            object-fit: scale-down;
            /* Ensures image fills the container */
        }

        .ctab {
            padding: 10px 25px;
            color: gray;
            border-bottom: 1px gray solid;
            font-weight: normal;
            cursor: pointer;

            a {
                color: gray;
            }
        }

        .ctaba {
            padding: 10px 25px;
            color: white;
            border-bottom: 1px white solid;
            font-weight: bold;
            cursor: pointer;

            a {
                color: white;
            }
        }
    </style>
    <div class="row">
        <img class="object-fit-cover" src="{{ asset('assets/images/bnnr-5.jpg') }}"
            style="height: 230px; position: absolute; top: 0; left: 0; padding: 0; margin: 0; z-index: -1">

        {{-- secondary --}}
        <div class="col-lg-3" style="margin-top: 50px;">
            @if (isset(session()->get('active_company')['logo']))
                <div class="row justify-content-center mt-3">
                    <div class="col-md-auto">
                        <div class="circle-img">
                            <img class="p-3"
                                src="{{ url('https://upload.wikimedia.org/wikipedia/ms/thumb/5/5d/LOGO-SNP.png/1024px-LOGO-SNP.png') }}"
                                alt="Image">
                        </div>
                    </div>
                </div>
            @else
                <div class="row mt-3" style="margin-bottom: 30px;">
                </div>
            @endif
            <div class="row mb-1">
                <div class="col-lg-12">
                    <div class="card mb-2 py-3 px-2 bg-white"
                        style="border-left-width: 8px; border-left-color:{{ config('custom.custom.primaryColor') }}; border-left-style: solid;">
                        <div class="mx-2">
                            <div class="text-wrap fw-bold">
                                <a href="#" class="text-black">{{ session()->get('active_company')['name'] }}</a>
                            </div>
                            <div class="text-wrap text-muted">{{ session()->get('active_company')['roc_no'] }}
                            </div>
                            <div class="text-wrap">{{ session()->get('active_company')['group_company'] }}</div>
                        </div>
                    </div>
                </div>
            </div>
            @if (isset($company_profiles) && count($company_profiles) > 0)
                <div class="row">
                    <div class="col">
                        <div class="divider text-secondary">
                            <div class="divider-text">Summary</div>
                        </div>
                    </div>
                </div>
                <div class="row mb-1">
                    <div class="col-lg-12">
                        <div class="card mb-3 py-3 px-2 bg-white"
                            style="border-right-width: 8px; border-right-color:{{ config('custom.custom.primaryColor') }}; border-right-style: solid;">
                            <div class="mx-2">
                                <div class="text-wrap fw-bold mb-3">
                                    <span
                                        style="color: {{ config('custom.custom.primaryColor') }}">{{ strtoupper('Opening Balance') }}</span>
                                </div>
                                @foreach ($company_profiles as $cpf)
                                    <div class="d-flex justify-content-between mb-2" style="font-size: 1.2rem">
                                        <div class="text-wrap text-muted">{{ $cpf->currency }}
                                        </div>
                                        <div class="text-wrap fw-bold">{{ number_format($cpf->outstanding_amount, 2) }}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>

        {{-- primary --}}
        <div class="col-lg-9" style="margin-top: 30px;">
            {{-- <div class="d-flex justify-content-between mb-3">
                <div class="text-left">
                </div>
                <div class="text-right">
                    <button type="button" class="btn btn-primary me-3" id="edit_main" data-pid="{{ $companyDetail['id'] }}"
                        data-mode="edit_main" onclick="open_myCompanyModal(this)">Edit</button>
                </div>
            </div> --}}
            <div class="row mb-4">
                <div class="col d-flex justify-content-between">
                    <div class="d-flex flex-row">
                        <div class="{{ Str::contains(url()->current(), 'my-company/info') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/info') }}">Main Info</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/contact') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/contact') }}">Contact</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/address') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/address') }}">Address</a>
                        </div>
                        <div class="{{ Str::contains(url()->current(), 'my-company/dir_share') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/dir_share') }}">Director & Shareholder</a>
                        </div>
                        <div
                            class="{{ Str::contains(url()->current(), 'my-company/financial-partner') ? 'ctaba' : 'ctab' }}">
                            <a href="{{ url('my-company/financial-partner') }}">Financial Partners</a>
                        </div>
                    </div>
                    {{-- <div class="align-self-end d-flex flex-row my-auto">
                      <div class="text-muted small my-auto me-2" id="batch-sel-count"></div>
                      <div style="width: 200px">
                          <select id="batch-act-sel" class="form-select">
                          </select>
                      </div>
                  </div> --}}
                </div>
            </div>
            {{-- <div class="row">
                <div class="col-md-12">
                    <ul class="nav nav-pills flex-column flex-sm-row mb-4">
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.index' || Route::current()->getName() == 'myc.info' ? 'active' : '' }}"
                                href="{{ route('myc.info') }}"><i class='ti-xs ti ti-building-skyscraper me-1'></i> Main
                                Info</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.user' ? 'active' : '' }}"
                                href="{{ route('myc.user') }}"><i class='ti-xs ti ti-users me-1'></i> User</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.contact' ? 'active' : '' }}"
                                href="{{ route('myc.contact') }}"><i class='ti-xs ti ti-address-book me-1'></i> Contact</a>
                        </li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.dir_share' ? 'active' : '' }}"
                                href="{{ route('myc.dir_share') }}"><i class='ti-xs ti ti-users me-1'></i> Director &
                                Shareholder</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.address' ? 'active' : '' }}"
                                href="{{ route('myc.address') }}"><i class='ti-xs ti ti-map-pins me-1'></i> Address</a>
                        </li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.financial_partner' ? 'active' : '' }}"
                                href="{{ route('myc.financial_partner') }}"><i class='ti-xs ti ti-users-group me-1'></i>
                                Financial Partners</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.team' ? 'active' : '' }}"
                                href="{{ route('myc.team') }}"><i class='fa fa-people-group me-1'></i> Professional
                                Services Provider</a></li>

                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.account' ? 'active' : '' }}"
                                href="{{ route('myc.account') }}"><i class='ti-xs ti ti-users me-1'></i> Account</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.audit' ? 'active' : '' }}"
                                href="{{ route('myc.audit') }}"><i class='ti-xs ti ti-users me-1'></i> Audit</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.tax' ? 'active' : '' }}"
                                href="{{ route('myc.tax') }}"><i class='ti-xs ti ti-users me-1'></i> Taxation</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.cosec' ? 'active' : '' }}"
                                href="{{ route('myc.cosec') }}"><i class='ti-xs ti ti-users me-1'></i> Company
                                Secretary</a></li>
                        <li class="nav-item"><a
                                class="nav-link {{ Route::current()->getName() == 'myc.change' ? 'active' : '' }}"
                                href="{{ route('myc.change') }}"><i class='ti-xs ti ti-status-change me-1'></i> Change
                                Request <span class="badge bg-label-warning rounded-pill badge-center ms-1"
                                    id="ChangeReqCountNav">{{ $totalChangePending }}</span></a></li>
                    </ul>
                </div>
            </div> --}}

            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                    <ul class="list-unstyled mb-4 mt-3">
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-building-skyscraper text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Full Name:</span>
                                            <span>{{ $companyDetail['name'] }}</span>
                                        </li>
                                        {{-- <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-notes text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">CRM Type:</span>
                                            <span>{{ $companyDetail['type'] }}</span>
                                        </li> --}}
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-123 text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">ROC No.:</span>
                                            <span>{{ $companyDetail['roc_no'] }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-world-www text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Web Address:</span>
                                            <span>{{ $companyDetail['website'] }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-user text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Individual:</span>
                                            <span>{{ $companyDetail['individual'] == 1 ? 'Yes' : 'No' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-building text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Master Company:</span>
                                            <span>{{ $companyDetail['master'] }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-military-rank text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">PLC / Non-PLC:</span>
                                            <span>{{ $companyDetail['plc'] == 1 ? 'PLC' : 'Non-PLC' }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-briefcase text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Type of Business:</span>
                                            <span>{{ $companyDetail['company_type'] }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-building-factory-2 text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Industries:</span>
                                            <span>{{ $companyDetail['industries'] }}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-6">
                                    <ul class="list-unstyled mb-4 mt-3">
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="fas fa-earth-asia text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Region:</span>
                                            <span>{{ $companyDetail['region'] }}</span>
                                        </li>
                                        {{-- <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-checklist text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Status:</span>
                                            <span>{{ $companyDetail['status'] }}</span>
                                        </li> --}}
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-calendar text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Incorporate Date:</span>
                                            <span>{{ strtotime($companyDetail['incorporate_date']) > 0 ? date('d-m-Y', strtotime($companyDetail['incorporate_date'])) : '' }}</span>
                                        </li>
                                        {{-- <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-calendar-time text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Service Start / Appoint Date:</span>
                                            <span>{{ strtotime($companyDetail['appoint_date']) > 0 ? date('d-m-Y', strtotime($companyDetail['appoint_date'])) : '' }}</span>
                                        </li> --}}
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-calendar-star text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Year End:</span>
                                            <span>{{ $companyDetail['year_end_id'] > 0 ? $companyDetail['year_end'] : '' }}</span>
                                        </li>
                                        {{-- <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-mail-forward text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Thank You Letter:</span>
                                            <span>{{ $companyDetail['ty_letter'] == 1 ? 'Yes' : 'No' }}</span>
                                        </li> --}}
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-briefcase text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Business Entity:</span>
                                            <span>{{ $companyDetail['profile'] }}</span>
                                        </li>
                                        <li class="d-flex align-items-center mb-3"><i
                                                class="ti ti-file-description text-heading"></i><span
                                                class="fw-medium mx-2 text-heading">Description:</span>
                                            <span>{{ $companyDetail['description'] }}</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Coapmpany Profile Content -->

    <!-- Coapmpany Profile Content -->

    <script>
        function open_myCompanyModal(elem) {
            var clientID = $('#' + $(elem).attr('id')).attr('data-pid');
            var mode = $('#' + $(elem).attr('id')).attr('data-mode');
            var tempInput = '';
            var tempAttach = '';
            const req1 = axios.post('{{ env('APP_URL') }}' + '/my-company/companyDetail/ajax', {
                client_id: clientID,
                mode: mode
            });

            blockUi();

            Promise.all(([req1]))
                .then(([res1]) => {
                    var companyDetails = (res1.data.data.company_details.length > 0) ? res1.data.data.company_details[
                        0] : [];

                    tempInput +=
                        '<div class="col-12 col-md-6">\
                                                                                                                                                                                                                                                                                                                                                                <input type="text" id="MyCompanyChangeRequest_type" name="MyCompanyChangeRequest_type" value="main_info" class="form-control" hidden />\
                                                                                                                                                                                                                                                                                                                                                                <label class="form-label" for="' +
                        mode +
                        'Website">Web Address</label>\
                                                                                                                                                                                                                                                                                                                                                                <input type="text" id="' +
                        mode +
                        'Website" name="' +
                        mode +
                        'Website" value="' +
                        companyDetails
                        .website +
                        '" class="form-control" placeholder="www.website.com" />\
                                                                                                                                                                                                                                                                                                                                                              </div>\
                                                                                                                                                                                                                                                                                                                                                              <div class="col-12 col-md-6">\
                                                                                                                                                                                                                                                                                                                                                                <label class="form-label" for="' +
                        mode +
                        'Profile">Business Entity</label>\
                                                                                                                                                                                                                                                                                                                                                                <input type="text" id="' +
                        mode +
                        'Profile" name="' +
                        mode +
                        'Profile" value="' +
                        companyDetails
                        .profile +
                        '" class="form-control" placeholder="Business Entity..." />\
                                                                                                                                                                                                                                                                                                                                                              </div>\
                                                                                                                                                                                                                                                                                                                                                              <div class="col-12 col-md-6">\
                                                                                                                                                                                                                                                                                                                                                                <label class="form-label" for="' +
                        mode +
                        'Description">Description</label>\
                                                                                                                                                                                                                                                                                                                                                                <input type="text" id="' +
                        mode +
                        'Description" name="' +
                        mode +
                        'Description" value="' +
                        companyDetails
                        .description +
                        '" class="form-control" placeholder="Description..." />\
                                                                                                                                                                                                                                                                                                                                                              </div>\
                                                                                                                                                                                                                                                                                                                                                              <div class="col-12 col-md-6">\
                                                                                                                                                                                                                                                                                                                                                                <label class="form-label" for="' +
                        mode +
                        'Logo">Company Logo</label>\
                                                                                                                                                                                                                                                                                                                                                                <input type="file" id="' +
                        mode +
                        'Logo" name="' +
                        mode +
                        'Logo" class="form-control" />\
                                                                                                                                                                                                                                                                                                                                                              </div>';
                })
                .catch((error) => {

                })
                .finally(() => {
                    $('#editMyCompanyModal_sub-title').html('Main Info');
                    $('#editMyCompanyModal').modal('show');
                    $('#editMyCompanyModal_content').html(tempInput);
                    $('#modeMyCompanyModal').val(mode);
                    $('#changeTypeMyCompanyModal').val('main_info');

                    $('#clientID').val(clientID);

                    getMyCompanyAttachmentExist();


                    tooltip();
                    $.unblockUI();
                });

        }
    </script>
@endsection