@extends('adminlte::page')

@section('title',
    'Action Details
    ')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>
                @if ($shortTermThreat)
                    <a href="{{ route('shorttermthreats.edit', base64_encode($shortTermThreat->id)) }}">
                        {{ $shortTermThreat->threat_title }}
                    </a>
                    - Action Details
                @else
                    Action Details
                @endif
            </h1>

        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item">
                    @if ($shortTermThreat)
                        <a href="{{ route('shorttermthreats.edit', base64_encode($shortTermThreat->id)) }}">
                            {{ $shortTermThreat->threat_title }}
                        </a>
                    @else
                        {{ __('Short Term Threat Action') }}
                    @endif
                </li>
                <li class="breadcrumb-item active">Action Details
                </li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    {!! html()->form(
            isset($action) ? 'PUT' : 'POST',
            isset($action)
                ? route('shorttermthreataction.update', base64_encode($action->id))
                : route('shorttermthreataction.store'),
        )->id('shortTermThreatActionForm')->open() !!}

    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-tabs card-outline">
                <div class="card-header p-0 pt-1">
                    <ul class="nav nav-tabs" id="parent-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="tab-details" data-toggle="pill" href="#details" role="tab"
                                aria-controls="details" aria-selected="true">Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="tab-additional" data-toggle="pill" href="#additional" role="tab"
                                aria-controls="additional" aria-selected="false">Additional Information</a>
                        </li>
                        @if (isset($action))
                            <li class="nav-item ml-auto">
                                <div class="card-tools">
                                    <button type="button" title="Delete {{ $action->action_name }} Action"
                                        data-url="{{ route('shorttermthreataction.destroy', base64_encode($action->id)) }}"
                                        class="btn btn-danger btn-sm confirm-delete" data-id="{{ $action->id }}"
                                        data-name="{{ $action->action_name }}">
                                        Delete
                                    </button>
                                </div>
                            </li>
                        @endif
                    </ul>

                </div>

                <div class="card-body">
                    <div class="tab-content" id="parent-tabs-one-tabContent">

                        <div class="tab-pane fade active show" id="details" role="tabpanel" aria-labelledby="tab-details">

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Action Name <span class="text-danger">*</span>', 'action_name') !!}
                                        {!! html()->text('action_name')->class('form-control')->placeholder('Enter Action Name ...')->value($action->action_name ?? '') !!}
                                    </div>
                                </div>
                                <div class="form-group col-6">
                                    {!! html()->label('Short Term Threat <span class="text-danger">*</span>', 'threat_id') !!}
                                    {!! html()->select(
                                            'threat_id',
                                            ['' => 'Select Threat'] +
                                                ($shortTermThreatList
                                                    ? (is_array($shortTermThreatList)
                                                        ? $shortTermThreatList
                                                        : [$shortTermThreatList->id => $shortTermThreatList->threat_title])
                                                    : []),
                                        )->class('form-control select2')->value($action->threat_id ?? ($shortTermThreat?->id ?? '')) !!}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Assign to Contact <span class="text-danger">*</span>', 'assign_to_contact_id') !!}
                                        {!! html()->select('assign_to_contact_id', ['' => 'Select User'] + $userOptions)->class('form-control select2')->value($action->assign_to_contact_id ?? '')->id('sel2User') !!}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Status <span class="text-danger">*</span>', 'status') !!}
                                        {!! html()->select('status', ['' => 'Select Status'] + \App\Models\ShortTermThreatAction::statuses())->class('form-control custom-select select2')->value($action->status ?? '') !!}
                                    </div>
                                </div>
                            </div>

                            <div class="row">


                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Start Date <span class="text-danger">*</span>', 'start_date') !!}
                                        {!! html()->text('start_date')->class('form-control datetimepicker')->placeholder('Choose a start date...')->placeholder('DD-MM-YYYY')->attributes([
                                                'data-toggle' => 'datetimepicker',
                                                'data-target' => '#start_date',
                                            ])->value(isset($action) && $action->start_date ? $action->start_date->format('d-m-Y') : '') !!}
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Due Date <span class="text-danger">*</span>', 'due_date') !!}
                                        {!! html()->text('due_date')->class('form-control datetimepicker')->placeholder('Choose a due date...')->placeholder('DD-MM-YYYY')->attributes([
                                                'data-toggle' => 'datetimepicker',
                                                'data-target' => '#due_date',
                                            ])->value(isset($action) && $action->due_date ? $action->due_date->format('d-m-Y') : '') !!}
                                    </div>
                                </div>
                            </div>

                            <div class="row">

                                <div class="col-6">
                                    <div class="form-group">
                                        {!! html()->label('Description <span class="text-danger">*</span>', 'action_description') !!}
                                        {!! html()->textarea('action_description')->class('form-control')->rows(3)->placeholder('Enter Description ...')->value($action->action_description ?? '') !!}
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-check mt-4">
                                        {!! html()->checkbox('is_email_notification', isset($action) && $action->is_email_notification)->class('form-check-input') !!}
                                        {!! html()->label('Send Notification Email', 'is_email_notification')->class('form-check-label') !!}
                                    </div>
                                </div>
                                <div class="col-3">
                                    <div class="form-group">
                                        <label>Completion Date</label>
                                        <p>{{ isset($action->completion_date) ? $action->completion_date->format('d-m-Y') : 'N/A' }}
                                        </p>
                                    </div>
                                </div>
                            </div>


                        </div>

                        <div class="tab-pane fade" id="additional" role="tabpanel" aria-labelledby="tab-additional">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>Last Modified By</label>
                                        <p>{{ $action->modifier->full_name ?? '-' }}</p>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>Created By</label>
                                        <p>{{ $action->creator->full_name ?? '-' }}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>Last Modified At</label>
                                        <p>{{ isset($action->modified_at) ? $action->modified_at->format(config('constants.date_format')) : '-' }}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="form-group">
                                        <label>Created At</label>
                                        <p>{{ isset($action->created_at) ? $action->created_at->format(config('constants.date_format')) : '-' }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <a href="{{ $shortTermThreat ? route('shorttermthreats.edit', base64_encode($shortTermThreat->id)) : route('shorttermthreats') }}"
                class="btn btn-default">
                Cancel
            </a>
            <button type="submit" id="submitBtn" class="btn btn-success float-right">
                <span id="submitText">Save Changes</span>
                <span id="submitSpinner" class="spinner-border spinner-border-sm ml-2" role="status"
                    style="display: none;"></span>
            </button>
        </div>
    </div>

    {!! html()->form()->close() !!}
@endsection

@push('js')
    <script>
        $('.select2').select2({
            placeholder: 'Select an option',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });

        $('.datetimepicker').datetimepicker({
            format: 'DD-MM-YYYY',
            useCurrent: false
        });
        const routes = {
            threat: "{{ route('shorttermthreats') }}",
            actiondelete: "{{ route('shorttermthreataction.destroy', ':id') }}"
        };
        $('[data-toggle="datetimepicker"]').each(function() {
            let $input = $(this);
            if (!$input.data("DateTimePicker")) {
                $input.datetimepicker({
                    format: 'DD-MM-YYYY', // Or whatever config you're using
                    autoclose: true,
                });
            }
        });
    </script>
    <script src="{{ asset('assets/js/backend/shorttermthreats/action_short_term_threat.js') }}"></script>
@endpush