@extends('adminlte::page')

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

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

@section('content')
    {!! html()->form('POST', route('opportunity-action.store'))->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="parent-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="parent-tabs-one-details-tab" data-toggle="pill"
                                href="#parent-tabs-one-details" role="tab" aria-controls="parent-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>
                <div class="card-body">
                    <div class="tab-content" id="parent-tabs-one-tabContent">
                        <div class="tab-pane fade active show" id="parent-tabs-one-details" role="tabpanel"
                            aria-labelledby="parent-tabs-one-details-tab">
                            <!-- Start Opportunity 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">
                                    {{-- Opportunity --}}
                                    <div class="form-group">
                                        @php
                                            $config = [
                                                "placeholder" => "Select Opportunity",
                                                "allowClear" => false,
                                            ];
                                        @endphp

                                        <x-adminlte-select2 id="sel2ThreatSearch" name="threat_id_display" :config="$config"
                                            igroup-size="md" disabled>
                                            <x-slot name="label">Opportunity <span class="text-danger">*</span></x-slot>
                                            @foreach($threatOptions as $key => $value)
                                                <option value="{{ $key }}" {{ ($threat_id == $key) ? 'selected' : '' }}>
                                                    {{ $value }}
                                                </option>
                                            @endforeach
                                        </x-adminlte-select2>
                                        {!! html()->hidden('threat_id', $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'], '')
        ->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() as $key => $label)
                                                <option value="{{ $key }}" {{ ($selectedUserId ?? '') == $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'], '')
        ->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="{{ !empty($startDate) && $startDate != '0000-00-00' ? $startDate : '' }}"
                                            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="{{ !empty($DueDate) && $DueDate != '0000-00-00' ? $DueDate : '' }}"
                                            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">
                                            {!! html()->checkbox('is_email_notification', true, true)->class('form-check-input')->id('is_email_notification') !!}
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    {{-- Completion Date --}}
                                    <div class="form-group">
                                        {!! html()->label('Completion Date', 'completion_date') !!}
                                        <p id="completion_date">{{ $completionDate ?? '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">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label for="inputLastModifiedBy">Last Modified By</label>
                                        <p>-</p>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Created By</label>
                                        <p>-</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <!-- text input -->
                                    <div class="form-group">
                                        <label for="inputLastModifiedAt">Last Modified At</label>
                                        <p>-</p>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Created At</label>
                                        <p>-</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__']) }}"
        };
        $(document).ready(function () {
            $('#threat_id').select2({
                placeholder: "Select Threat",
                allowClear: false
            });
        });
    </script>
    <script src="{{ asset('assets/js/backend/opportunities/actions/opportunity-action-save.js') }}"></script>
@endpush