@extends('adminlte::page')

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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1><a
                    href="{{ route('opportunities.edit', base64_encode($threatAction->threat->id)) }}">{{ $threatAction->threat->threat_name }}</a>
            </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"><a
                        href="{{ route('opportunities.edit', base64_encode($threatAction->threat->id)) }}">{{ $threatAction->threat->threat_name }}</a>
                </li>
                <li class="breadcrumb-item active">Edit Action Details</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    {!! html()->modelForm($threatAction, 'POST', route('opportunity-action.update', base64_encode($threatAction->id)))->id('opportunityActionForm')->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="first-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="first-tabs-one-details-tab" data-toggle="pill"
                                href="#first-tabs-one-details" role="tab" aria-controls="first-tabs-one-details"
                                aria-selected="true">Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="parent-tabs-one-additional-tab" data-toggle="pill"
                                href="#parent-tabs-one-additional" role="tab" aria-controls="parent-tabs-one-additional"
                                aria-selected="false">Additional Information</a>
                        </li>
                    </ul>
                    <div class="card-tools">
                        <button type="button"
                            data-url="{{ route('opportunity-action.destroy', base64_encode($threatAction->id)) }}"
                            class="btn btn-danger btn-sm confirm-delete">Delete</button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="first-tabs-one-tabContent">
                        <div class="tab-pane fade active show" id="first-tabs-one-details" role="tabpanel"
                            aria-labelledby="first-tabs-one-details-tab">
                            <!-- Start Threat action form -->
                            <div class="row">
                                <div class="col-sm-6">
                                    {{-- Action Name --}}
                                    <div class="form-group">
                                        {!! html()->label('Action Name <span class="text-danger">*</span>', 'action_name') !!}
                                        {!! html()->text('action_name')->id('inputActionName')->placeholder('Enter Action name ...')->class('form-control')->required() !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    {{-- Threat --}}
                                    <div class="form-group">
                                        <!-- {!! html()->label('Threat <span class="text-danger">*</span>', 'threat_id') !!}
                                            {!! html()->select('threat_id', $threatOptions)->id('sel2ThreatSearch')->class('form-control select2')->required() !!} -->
                                        @php
                                            $config = [
                                                "placeholder" => "Select Opportunity",
                                                "allowClear" => false,
                                            ];
                                        @endphp

                                        <x-adminlte-select2 id="sel2ThreatSearch" name="threat_id" :config="$config"
                                            igroup-size="md" required disabled>
                                            <x-slot name="label">Opportunity <span class="text-danger">*</span></x-slot>
                                            @foreach($threatOptions as $key => $value)
                                                <option value="{{ $key }}" {{ ($threatAction->threat_id == $key) ? 'selected' : '' }}>
                                                    {{ $value }}
                                                </option>
                                            @endforeach
                                        </x-adminlte-select2>
                                        {!! html()->hidden('threat_id', $threatAction->threat_id)->id('hiddenThreatId') !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    {{-- Action Type --}}
                                    <div class="form-group">
                                        {!! html()->label('Action Type <span class="text-danger">*</span>', 'action_type') !!}
                                        {!! html()->select('action_type', ['' => 'Select Phase', 'Long Term Solution' => 'Long Term Solution', 'Interim Mitigation' => 'Interim Mitigation'], $threatAction->action_type)
        ->id('inputActionType')
        ->class('form-control custom-select')
        ->required() !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    {{-- Assign to Contact --}}
                                    <div class="form-group">
                                        <!-- {!! html()->label('Assign to Contact <span class="text-danger">*</span>', 'assign_to_user') !!}
                                            {!! html()->select('assign_to_user', $userOptions, $selectedUserId ?? '')->id('sel2AssignToUser')->class('form-control custom-select')->required() !!} -->
                                        @php
                                            $config = [
                                                "placeholder" => "Select a user",
                                                "allowClear" => false,
                                            ];
                                        @endphp

                                        <x-adminlte-select2 id="sel2AssignToUser" name="assign_to_user" igroup-size="md"
                                            :config="$config" required>
                                            <x-slot name="label">
                                                Assigned to Action Owner<span class="text-danger">*</span>
                                            </x-slot>

                                            @foreach(App\Models\Threat::getUsers($threatAction->assign_to_contact_id ?? '') as $key => $label)
                                                <option value="{{ $key }}" {{ ($threatAction->assign_to_contact_id ?? '') == $key ? 'selected' : '' }}>
                                                    {{ $label }}
                                                </option>
                                            @endforeach
                                        </x-adminlte-select2>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    {{-- Status --}}
                                    <div class="form-group">
                                        {!! html()->label('Status <span class="text-danger">*</span>', 'status') !!}
                                        {!! html()->select('status', ['' => 'Select Status', 'Open' => 'Open', 'Completed' => 'Completed', 'In Progress' => 'In Progress', 'On Hold' => 'On Hold', 'Cancelled' => 'Cancelled'], $threatAction->status)
        ->id('Status')
        ->class('form-control custom-select')
        ->required() !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    {{-- Start Date --}}
                                    <div class="form-group">
                                        @php
                                            $config = ['format' => 'DD-MM-YYYY'];
                                        @endphp
                                        <x-adminlte-input-date name="StartDate" :config="$config"
                                            placeholder="Choose a start date..." label="Start Date"
                                            label-class="text-default"
                                            value="{{ old('StartDate', $threatAction->start_date ? \Carbon\Carbon::parse($threatAction->start_date)->format('d-m-Y') : '') }}"
                                            required>
                                        </x-adminlte-input-date>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    {{-- Description --}}
                                    <div class="form-group">
                                        {!! html()->label('Description <span class="text-danger">*</span>', 'description') !!}
                                        {!! html()->textarea('description')->class('form-control')->placeholder('Enter Description ...')->rows(3)->required() !!}
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    {{-- Commentary --}}
                                    <div class="form-group">
                                        {!! html()->label('Commentary <span class="text-danger">*</span>', 'commentary') !!}
                                        {!! html()->textarea('commentary')->class('form-control')->placeholder('Enter Commentary ...')->rows(3)->required() !!}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    {{-- Due Date --}}
                                    <div class="form-group">
                                        <x-adminlte-input-date name="DueDate" :config="$config"
                                            placeholder="Choose a due date..." label="Due Date" label-class="text-default"
                                            value="{{ old('StartDate', $threatAction->due_date ? \Carbon\Carbon::parse($threatAction->due_date)->format('d-m-Y') : '') }}"
                                            required>
                                        </x-adminlte-input-date>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    {{-- Send Notification Email --}}
                                    <div class="form-group">
                                        <div class="row pl-2">
                                            {!! html()->label('Send Notification Email', 'is_email_notification') !!}
                                        </div>
                                        <div class="form-check form-check-inline">
                                            @if($threatAction->is_email_notification == 1)
                                                                                {!! html()->checkbox('is_email_notification', 1, true)
                                                ->class('form-check-input')
                                                ->id('is_email_notification') !!}
                                            @else
                                                                                {!! html()->checkbox('is_email_notification', 0, false)
                                                ->class('form-check-input')
                                                ->id('is_email_notification') !!}
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    {{-- Completion Date --}}
                                    <div class="form-group">
                                        {!! html()->label('Completion Date', 'completion_date') !!}
                                        <p id="completion_date">{{ $threatAction->completion_date ? \Carbon\Carbon::parse($threatAction->completion_date)->format('d-m-Y') : 'N/A' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--===========Additional tab start============-->
                        <div class="tab-pane fade" id="parent-tabs-one-additional" role="tabpanel"
                            aria-labelledby="parent-tabs-one-additional-tab">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Last Modified By</label>
                                        <p>{{ $threatAction->modifiedBy->full_name ?? 'N/A' }}</p>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Created By</label>
                                        <p>{{ $threatAction->createdBy->full_name ?? 'N/A' }}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Last Modified At</label>
                                        <p>{{ optional($threatAction->last_modified_at)->format('d-m-Y h:i A') }}</p>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Created At</label>
                                        <p>{{ optional($threatAction->created_at)->format('d-m-Y h:i A') }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            {!! html()->a('javascript:history.go(-1)', 'Cancel')->class('btn btn-default') !!}
            {!! html()->submit('Save Changes')->id('opportunity-action-save-button')->class('btn btn-success float-right') !!}
        </div>
    </div>
    {!! html()->form()->close() !!}
@endsection

@push('js')
    <script>
        const threat_edit = {
            threat_edit_url: "{{ route('opportunities.edit', ['opportunity' => '__ID__']) }}"
        };
    </script>
    <script src="{{ asset('assets/js/backend/opportunities/actions/opportunity-action-save.js') }}"></script>
    <script>
        $(".confirm-delete").click(function (e) {
            e.preventDefault();

            const deleteUrl = $(this).data("url"); // Get URL from button's data-url attribute

            Swal.fire({
                title: "Are you sure?",
                text: "",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: "#28a745",
                cancelButtonColor: "#6c757d",
                confirmButtonText: "Yes, delete it!"
            }).then((result) => {
                if (result.isConfirmed) {

                    // Create and submit a DELETE form dynamically
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = deleteUrl;

                    const csrf = document.createElement('input');
                    csrf.type = 'hidden';
                    csrf.name = '_token';
                    csrf.value = '{{ csrf_token() }}';

                    const method = document.createElement('input');
                    method.type = 'hidden';
                    method.name = '_method';
                    method.value = 'DELETE';

                    form.appendChild(csrf);
                    form.appendChild(method);
                    document.body.appendChild(form);
                    form.submit();

                    // Show toast after submission (you might move this inside controller redirect instead)
                    const Toast = Swal.mixin({
                        toast: true,
                        position: "top",
                        showConfirmButton: false,
                        timer: 4000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.onmouseenter = Swal.stopTimer;
                            toast.onmouseleave = Swal.resumeTimer;
                        }
                    });

                    Toast.fire({
                        icon: "success",
                        title: "Action deleted successfully."
                    });
                }
            });
        });
    </script>
@endpush