@extends('mycompany/main')

@php
    $companyDetail = $company_details && count($company_details) > 0 
        ? (object) $company_details[0] 
        : (object) [];
    $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;
        }

        .circle-img img {
            width: 100%;
            height: 100%;
            object-fit: scale-down;
        }

        .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="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>
            </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-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-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-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-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>

    <script>
        function open_myCompanyModal(elem) {

            var clientID = $(elem).data('pid');
            var mode = $(elem).data('mode');
            var tempInput = '';

            blockUi();

            axios.post("{{ env('APP_URL') }}/my-company/companyDetail/ajax", {
                client_id: clientID,
                mode: mode
            })
            .then(function (res1) {

                var companyDetails = {};

                if (
                    res1.data &&
                    res1.data.data &&
                    res1.data.data.company_details &&
                    res1.data.data.company_details.length > 0
                ) {
                    companyDetails = res1.data.data.company_details[0];
                }

                tempInput = `
                    <div class="row">
                        <div class="col-12 col-md-6">
                            <input type="hidden"
                                id="MyCompanyChangeRequest_type"
                                name="MyCompanyChangeRequest_type"
                                value="main_info" />
                            <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 mt-3">
                            <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 mt-3">
                            <label class="form-label" for="${mode}Logo">Company Logo</label>
                            <input type="file"
                                id="${mode}Logo"
                                name="${mode}Logo"
                                class="form-control" />
                        </div>
                    </div>
                `;

            })
            .catch(function (error) {
                console.error(error);
            })
            .finally(function () {
                $('#editMyCompanyModal_sub-title').html('Main Info');
                $('#editMyCompanyModal_content').html(tempInput);
                $('#editMyCompanyModal').modal('show');

                $('#modeMyCompanyModal').val(mode);
                $('#changeTypeMyCompanyModal').val('main_info');
                $('#clientID').val(clientID);

                getMyCompanyAttachmentExist();
                tooltip();
                $.unblockUI();
            });
        }
    </script>
    
@endsection