@extends("layouts.app")

@section("content")    
        @if(request()->tab == 'documents')
        <div id="crm" class="app-container" app="document">
            <document
                :business-contact-label="{{ json_encode(businessContact()[request()->type]) }}"
                :business-contact-type="{{ json_encode(request()->type) }}"
                :devise="{{json_encode(settings()['devise']->value)}}"            
                :slug="{{ json_encode(request()->slug) }}"
            />
        </div>  
        @elseif (request()->tab == 'releve')        
        <div id="crm" class="app-container" app="releve">
            <releve
                :business-contact-label="{{ json_encode(businessContact()[request()->type]) }}"
                :business-contact-type="{{ json_encode(request()->type) }}"
                :devise="{{json_encode(settings()['devise']->value)}}"            
                :slug="{{ json_encode(request()->slug) }}"
            />
        @else
        <div id="crm" class="app-container" app="detail">
            <detail
                :business-contact-label="{{ json_encode(businessContact()[request()->type]) }}"
                :business-contact-type="{{ json_encode(request()->type) }}"
                :devise="{{json_encode(settings()['devise']->value)}}"            
                :slug="{{ json_encode(request()->slug) }}"
            />
        </div>
        @endif    
    @vite('modules/crm/resources/js/app.js')
@endsection