@extends('layouts.app')

@section('content')
<div class="container" style="margin-top:20px">
    <div class="row justify-content-center">
        <div class="col-md-12">
            @switch($type)
                @case("NOTE")
                    <h1>{{ __('app.activity.note.title.create') }} {{ __('app.activity.email.based-on-email') }}</h1>
                    @break;
                @case("TASK")
                    <h1>{{ __('app.activity.task.title.create') }} {{ __('app.activity.email.based-on-email') }}</h1>
                    @break;
                @case("EVENT")
                    <h1>{{ __('app.activity.event.title.create') }} {{ __('app.activity.email.based-on-email') }}</h1>
                    @break;
            @endswitch
            

            <form>
                @switch($type)
                    @case("NOTE")
                        <livewire:forms.note :based_on_email_id="$email_id">
                        @break;
                    @case("TASK")
                        <livewire:forms.task :based_on_email_id="$email_id">
                        @break;
                    @case("EVENT")
                        <livewire:forms.event :based_on_email_id="$email_id">
                        @break;
                @endswitch
            </form> 

        </div>
    </div>
</div>
@endsection