@extends('adminlte::page')
@section('title', isset($shortTermThreat) ? 'ST Threat Details' : 'ST Threat Details')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>ST Threat Details</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('shorttermthreats') }}">ST Threat List
                    </a></li>
                <li class="breadcrumb-item">ST Threat Details
                </li>
            </ol>
        </div>
    </div>
@endsection

@section('content')

    @if (isset($shortTermThreat))
        {!! html()->form('POST', route('shorttermthreats.update', base64_encode($shortTermThreat->id)))->id('ShortTermThreatFormSubmit')->open() !!}
    @else
        {!! html()->form('POST', route('shorttermthreats.store'))->id('ShortTermThreatFormSubmit')->open() !!}
    @endif
    @csrf
    @if (isset($shortTermThreat))
        <div class="row">
            <div class="col-md-12">
                <div class="card card-danger card-outline">
                    <div class="card-header">
                        <div class="card-tools">

                            <button type="button" id="btnEditForm" class="btn btn-sm btn-primary mr-2">Edit ST
                                Threat</button>
                            <button type="button" class="btn  btn-sm btn-primary mr-2 float-right" data-toggle="modal"
                                data-target="#modalShortTermForMoveThreat">Move to
                                Long Term Threat</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="col-md-12">

            <div class="card card-secondary">

                <div class="card-header">
                    <h3 class="card-title">General Information</h3>
                    <div class="card-tools">

                        <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                            <i class="fas fa-minus"></i>
                        </button>

                    </div>
                </div>

                <div class="card-body">

                    {{-- Threat Title and Priority --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('ST Threat Title <span class="text-danger">*</span>', 'threat_title')->toHtml() !!}
                            {!! html()->text('threat_title')->class('form-control')->value($shortTermThreat->threat_title ?? '')->placeholder('Enter Threat Title') !!}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('Priority <span class="text-danger">*</span>', 'priority')->toHtml() !!}
                            {!! html()->select('priority', ['' => 'Select Priority'] + $priorityOptions)->class('form-control')->value($shortTermThreat->priority ?? '') !!}
                        </div>
                    </div>

                    {{-- Workstream and Status --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Workstream <span class="text-danger">*</span>', 'workstream_id')->toHtml() !!}
                            {!! html()->select('workstream_id', ['' => 'Select Workstream'] + $workstreamOptions)->class('form-control')->value($shortTermThreat->workstream_id ?? '')->id('sel2Workstream') !!}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('ST Threat Status <span class="text-danger">*</span>', 'short_term_threat_status')->toHtml() !!}
                            {!! html()->select('short_term_threat_status', ['' => 'Select Status'] + $statusOptions)->class('form-control')->value($shortTermThreat->short_term_threat_status ?? '') !!}
                        </div>
                    </div>

                    {{-- Site and Production Unit --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Site <span class="text-danger">*</span>', 'master_site_id')->toHtml() !!}
                            {!! html()->select('master_site_id', ['' => 'Select Site'] + $masterSites)->class('form-control')->value($shortTermThreat->master_site_id ?? '')->id('master_site_id') !!}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('Production Unit <span class="text-danger">*</span>', 'master_production_unit_id')->toHtml() !!}
                            {!! html()->select('master_production_unit_id', ['' => 'Select Production Unit'] + $productionUnits)->class('form-control')->value($shortTermThreat->master_production_unit_id ?? '')->id('sel2ProductionUnit') !!}
                        </div>
                    </div>

                    {{-- Unit and Threat Owner --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Unit <span class="text-danger">*</span>', 'master_unit_id')->toHtml() !!}
                            {!! html()->select('master_unit_id', ['' => 'Select Unit'] + $unitOptions)->class('form-control')->value($shortTermThreat->master_unit_id ?? '')->id('sel2Unit') !!}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('ST Threat Owner <span class="text-danger">*</span>', 'threat_owner_id')->toHtml() !!}
                            {!! html()->select('threat_owner_id', ['' => 'Select ST Threat Owner'] + $users)->class('form-control')->value($shortTermThreat->threat_owner_id ?? '')->id('sel2ThreatOwner') !!}
                        </div>
                    </div>

                    {{-- Hashtag and Due Date --}}
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! html()->label('Hashtag #', 'hashtag')->toHtml() !!}
                                <div class="input-group mb-3">
                                    {!! html()->text('hashtag')->class('form-control')->value($shortTermThreat->hashtag ?? '')->placeholder('Hashtag')->id('inputHashtag')->attribute('readonly', true) !!}
                                    <div class="input-group-append">
                                        <span class="input-group-text" id="toggleHashtagEdit" style="cursor:pointer;">
                                            <i class="fas fa-edit"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-sm-6 form-group">
                            {!! html()->label('Due Date <span class="text-danger">*</span>', 'due_date')->toHtml() !!}
                            {!! html()->text('due_date')->class('form-control')->placeholder('DD-MM-YYYY')->value(isset($shortTermThreat->due_date) ? $shortTermThreat->due_date->format('d-m-Y') : '')->attributes([
                                    'data-toggle' => 'datetimepicker',
                                    'data-target' => '#due_date',
                                ]) !!}
                        </div>
                    </div>

                    {{-- Description --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Description <span class="text-danger">*</span>', 'description')->toHtml() !!}
                            {!! html()->textarea('description')->class('form-control')->rows(4)->placeholder('Enter Description')->value($shortTermThreat->description ?? '') !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Remarks', 'remarks')->toHtml() !!}
                            {!! html()->textarea('remarks')->class('form-control')->rows(4)->placeholder('Enter Remarks')->value($shortTermThreat->remarks ?? '') !!}
                        </div>
                    </div>
                    @if (isset($shortTermThreat))
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {!! html()->label('Date Reported', 'inputDateReported') !!}
                                    {!! html()->text('date_reported')->class('form-control')->id('inputDateReported')->value(isset($shortTermThreat->created_at) ? $shortTermThreat->created_at->format('d-m-Y') : '')->attribute('disabled', true) !!}
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    {!! html()->label('Created by', 'inputCreatedBy') !!}
                                    {!! html()->text('created_by')->class('form-control')->id('inputCreatedBy')->value(isset($shortTermThreat->creator) ? $shortTermThreat->creator->full_name : '')->attribute('disabled', true) !!}
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    {!! html()->label('ST Threat ID', 'inputThreatID') !!}
                                    {!! html()->text('short_term_threat_id')->class('form-control')->id('inputThreatID')->value(isset($shortTermThreat->id) ? $shortTermThreat->short_term_record_id : '')->attribute('disabled', true) !!}
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="form-group">
                                    {!! html()->label('Overdue Days', 'inputOverdueDays') !!}
                                    {!! html()->text('overdue_days')->class('form-control')->id('inputOverdueDays')->value(isset($shortTermThreat->overdue_days) ? $shortTermThreat->overdue_days : '')->attribute('disabled', true) !!}
                                </div>
                            </div>
                        </div>
                    @endif
                </div> {{-- /.card-body --}}
            </div> {{-- /.card --}}
        </div>
    </div>

    {{-- Action Buttons --}}
    <div class="row mt-3">
        <div class="col-12 d-flex justify-content-between">
            @if (isset($shortTermThreat))
                <a href="{{ route('shorttermthreats.edit', base64_encode($shortTermThreat->id)) }}"
                    class="btn btn-secondary">Cancel</a>
            @else
                <a href="{{ route('shorttermthreats') }}" class="btn btn-secondary">Cancel</a>
            @endif
            <div class="d-flex">
                <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>
    </div>


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

    @include('backend.short_term_threats.short-term-threat-action', [
        'shortTermThreat' => $shortTermThreat ?? null,
    ])

    @if (isset($shortTermThreat))
        @include('backend.short_term_threats.move-to-threat-modal', [
            'shortTermThreat' => $shortTermThreat ?? null,
        ])
    @endif


@endsection
@push('js')
    <script>
        $('#sel2Workstream').select2({
            placeholder: 'Select Workstream',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });
        $('#sel2ThreatOwner').select2({
            placeholder: 'Select ST Threat Owner',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });
        $('#sel2Unit').select2({
            placeholder: 'Select Unit',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });
        $('#sel2ProductionUnit').select2({
            placeholder: 'Select Unit',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });

        $('#sel2LongThreatOwner').select2({
            placeholder: 'Select Threat Owner',
            allowClear: true,
            theme: 'bootstrap4',
            width: '100%'
        });
        const isEditMode = {{ isset($shortTermThreat) ? 'true' : 'false' }};
        const initialOwner = $('#sel2LongThreatOwner').val();
        const newroutes = {
            threat: "{{ route('shorttermthreats') }}",
            get_production_units: "{{ route('IPF.get-pu-dropdown') }}",
            dropdown_Unit: "{{ route('IPF.get-unit-dropdown') }}",

        };
    </script>

    <!-- Include jQuery, AdminLTE JS, and DataTables JS -->
    <script src="{{ asset('assets/js/backend/shorttermthreats/shorttermthreats.js') }}"></script>
@endpush