@extends('mycompany/main')

@php
    $companyDetail = $company_details ? $company_details[0] : [];
    $companyDirShare = $company_dir_share ? $company_dir_share : [];
@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-3 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-2 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 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 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="add_dir_share"
                      data-pid="{{ $companyDetail['id'] }}" data-mode="add" onclick="open_myCompanyModal(this)">Add New</button>
              </div>
          </div> --}}
            <div class="row">
                <br />
<b>Notice</b>:  Undefined variable: companyDirShare in <b>D:\xampp\htdocs\client-mysa\resources\views\mycompany\dir_share.blade.php</b> on line <b>155</b><br />
                <div class="col-3"></div>
                <div class="col-7">
                    <img src="{{ asset('assets/images/no-data.jpg') }}" class="text-center" alt="No Data Found"
                        height="500" width="500">
                </div>
                            </div>
        </div>
    </div>

    <!-- Company Director Shareholder Content -->



    <!-- Company Director Shareholder Content -->

    <script>
        function open_myCompanyModal(elem) {
            var tempInput = '';
            var tempAttach = '';
            var tempTitle = '';
            var tempsubTitle = '';
            var clientID = $('#' + $(elem).attr('id')).attr('data-pid');
            var dirShareID = $('#' + $(elem).attr('id')).attr('data-cid');
            var mode = $('#' + $(elem).attr('id')).attr('data-mode');
            var directorSwitch = false;
            var shareSwitch = false;

            const req1 = axios.post('{{ env('APP_URL') }}' + '/my-company/companyDetail/ajax', {
                client_id: clientID,
                mode: mode,
                dir_share_id: dirShareID
            });

            blockUi();

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

                    var dirShareName = (companyDirShares.length > 0) ? companyDirShares[0]['contact_name'] : '';
                    var dirSharePhone = (companyDirShares.length > 0) ? ((companyDirShares[0]['contact_mobile'].length >
                        0) ? companyDirShares[0]['contact_mobile'] : companyDirShares[0]['contact_work']) : '';
                    var dirShareFax = (companyDirShares.length > 0) ? companyDirShares[0]['contact_fax'] : '';
                    var dirSharePost = (companyDirShares.length > 0) ? companyDirShares[0]['contact_position'] : '';
                    var dirShareEmail = (companyDirShares.length > 0) ? companyDirShares[0]['contact_email'] : '';
                    directorSwitch = (companyDirShares.length > 0) ? ((companyDirShares[0]['director'] == 1) ? true :
                        false) : false;
                    shareSwitch = (companyDirShares.length > 0) ? ((companyDirShares[0]['shareholder'] == 1) ? true :
                        false) : false;

                    tempInput +=
                        '<div class="col-12 col-md-6">\
                                                                                                    <label class="form-label" for="' +
                        mode +
                        'DirShareName">Name</label>\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirShareID" name="' +
                        mode +
                        'DirShareID" value="' +
                        dirShareID +
                        '" class="form-control" hidden />\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirShareName" name="' +
                        mode +
                        'DirShareName" class="form-control" value="' + dirShareName +
                        '" placeholder="Ali Bin Abu" />\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-6">\
                                                                                                    <label class="form-label" for="' +
                        mode +
                        'DirSharePhone">Phone</label>\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirSharePhone" name="' +
                        mode +
                        'DirSharePhone" class="form-control" value="' + dirSharePhone +
                        '" placeholder="012-3456789" />\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-6">\
                                                                                                    <label class="form-label" for="' +
                        mode +
                        'DirShareFax">Fax</label>\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirShareFax" name="' +
                        mode +
                        'DirShareFax" class="form-control" value="' + dirShareFax +
                        '" placeholder="03-61881233" />\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-6">\
                                                                                                    <label class="form-label" for="' +
                        mode +
                        'DirSharePosition">Position</label>\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirSharePosition" name="' +
                        mode +
                        'DirSharePosition" class="form-control" value="' + dirSharePost +
                        '" placeholder="Position..." />\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-6">\
                                                                                                    <label class="form-label" for="' +
                        mode +
                        'DirShareEmail">Email Address</label>\
                                                                                                    <input type="text" id="' +
                        mode +
                        'DirShareEmail" name="' +
                        mode +
                        'DirShareEmail" class="form-control" value="' + dirShareEmail +
                        '" placeholder="email@email.com" />\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-3">\
                                                                                                    <label class="switch" style="margin-top: 1.75rem;">\
                                                                                                    <input type="checkbox" class="switch-input" id="' +
                        mode + 'SwitchDirector">\
                                                                                                      <span id="' + mode +
                        'SwitchDirector" class="switch-toggle-slider">\
                                                                                                        <span class="switch-on"></span>\
                                                                                                        <span class="switch-off"></span>\
                                                                                                      </span>\
                                                                                                      <span class="switch-label">Director</span>\
                                                                                                    </label>\
                                                                                                  </div>\
                                                                                                  <div class="col-12 col-md-3">\
                                                                                                    <label class="switch" style="margin-top: 1.75rem;">\
                                                                                                    <input type="checkbox" class="switch-input" id="' +
                        mode + 'SwitchShareholder">\
                                                                                                      <span id="' + mode + 'SwitchShareholder" class="switch-toggle-slider">\
                                                                                                        <span class="switch-on"></span>\
                                                                                                        <span class="switch-off"></span>\
                                                                                                      </span>\
                                                                                                      <span class="switch-label">Shareholder</span>\
                                                                                                    </label>\
                                                                                                  </div>';

                    if (mode == 'add') {
                        tempTitle = 'Add Company Info';
                        tempsubTitle = 'Add New Director & Shareholder';
                    } else {
                        tempTitle = 'Edit Company Info';
                        tempsubTitle = 'Edit Director & Shareholder';
                    }
                })
                .catch((error) => {
                    console.log('error');
                    console.log(error);
                })
                .finally(() => {

                    $('#editMyCompanyModal_title').html(tempTitle);
                    $('#editMyCompanyModal_sub-title').html(tempsubTitle);
                    $('#editMyCompanyModal').modal('show');
                    $('#editMyCompanyModal_content').html(tempInput);
                    $('#modeMyCompanyModal').val(mode);
                    $('#changeTypeMyCompanyModal').val('dir_share');

                    $('#clientID').val(clientID);
                    $('#' + mode + 'SwitchDirector').prop('checked', directorSwitch);
                    $('#' + mode + 'SwitchShareholder').prop('checked', shareSwitch);

                    getMyCompanyAttachmentExist();
                    tooltip();

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