@extends('backend.layouts.master')

@section('styles')
	<!-- CHOICES CSS -->
	<link rel="stylesheet" href="{{ asset('assets/libs/choices.js/public/assets/styles/choices.min.css') }}">
@endsection

@section('content')
	<div class="content">
		@if ($company)
			<!-- Edit mode -->
			<div id="company-dashboard" class="main-content">
				<div class="block justify-between page-header sm:flex">
					<div>
						<h3 class="text-gray-700 hover:text-gray-900 dark:text-white dark:hover:text-white text-2xl font-medium">
							{{ $company->short_name }}</h3>
					</div>
					<div>
						@if (session('status'))
							<script>
								document.addEventListener("DOMContentLoaded", function() {
									notifier.success("{{ session('status') }}");
								});
							</script>
						@endif
					</div>
				</div>

				<div class="grid grid-cols-12 gap-x-6">
					<div class="col-span-12 lg:col-span-2">
						<div class="box">
							<div class="box-body pt-6">
								@include('backend.crm.companies.components.sidebar')
							</div>
						</div>
					</div>
					<div class="col-span-12 lg:col-span-10">
						<div class="grid grid-cols-12 gap-x-5">
							<div class="col-span-12 lg:col-span-8">
								@include('backend.crm.companies.forms.company-form-edit', [
									'company' => $company,
									'readonly' => $readonly,
								])
							</div>
							<div class="col-span-12 lg:col-span-4">
								@if ($company->lastActiveResidence)
									@include('backend.crm.companies.forms.address-residence-form-edit', ['company' => $company])
								@else
									@include('backend.crm.companies.forms.address-residence-form', [
										'company' => $company,
									])
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		@else
			<!-- Create mode -->
			<div id="company-dashboard" class="main-content">
				<div class="block justify-between page-header sm:flex">
					<div>
						<h3 class="text-gray-700 hover:text-gray-900 dark:text-white dark:hover:text-white text-2xl font-medium">
							Novo pravno lice </h3>
					</div>
					<div>
						@if (session('status'))
							<script>
								document.addEventListener("DOMContentLoaded", function() {
									notifier.success("{{ session('status') }}");
								});
							</script>
						@endif
					</div>
				</div>

				<div class="grid grid-cols-12 gap-x-6">
					<div class="col-span-12 lg:col-span-2">
						<div class="box">
							<div class="box-body pt-6">
								@include('backend.crm.companies.components.sidebar')
							</div>
						</div>
					</div>
					<div class="col-span-12 lg:col-span-10">
						<div class="grid grid-cols-12 gap-x-5">
							<div class="col-span-12 lg:col-span-8">
								@include('backend.crm.companies.forms.company-form', [
									'readonly' => $readonly,
								])
							</div>
							<div class="col-span-12 lg:col-span-4">
								@include('backend.crm.companies.placeholders.address-form')
							</div>
						</div>
					</div>
				</div>
			</div>
		@endif
	</div>

@endsection

@section('scripts')
	<!-- CHOICES JS -->
	<script src="{{ asset('assets/libs/choices.js/public/assets/scripts/choices.min.js') }}"></script>

	@if ($company)
		<script>
			window.__IS_READONLY__ = @json($readonly);

			// For residence
			window.__OLD_residence_city_id = "{{ old('residence.city_id') }}";
			window.__EXISTING_residence_city_id = "{{ optional($company->lastActiveResidence)->city_id }}";
		</script>

		@vite(['resources/js/choices-setup.js'])
	@endif
@endsection