@extends('mycompany/main')

@php
	$companyDetail = ($company_details) ? $company_details[0] : array();
@endphp

@section('mycompany-content')
	<!-- Coapmpany Profile Content -->
  <div class="d-flex justify-content-between mb-3">
    <div class="text-left">
    </div>
    <div class="text-right">
      {{-- <a href="javascript:0;" class="btn btn-primary me-3" data-bs-target="#editMyCompany" data-bs-toggle="modal" onclick>Edit</a> --}}
      <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">
		<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>
	<!-- 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