@extends('adminlte::page')

@section('title', 'Workstream Details')
@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Workstream 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('workstreams.index') }}">Workstreams</a></li>
                <li class="breadcrumb-item active">Workstream Details</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    {!! html()->form(
            isset($workstream) ? 'PUT' : 'POST',
            isset($workstream) ? route('workstreams.update', base64_encode($workstream->id)) : route('workstreams.store'),
        )->id('addWorkStreamForm')->open() !!}
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">Assest Hierarchy</h3>
                    <div class="card-tools pt-2">
                        <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">

                    @include('backend.threats.assest-hierarchy-dropdown', [
                        'master_site_id' => $workstream->asset_level_1 ?? null,
                        'business_site' => $workstream->asset_level_2 ?? null,
                        'business_unit' => $workstream->asset_level_3 ?? null,
                        'level4' => $workstream->asset_level_4 ?? null,
                        'businessSites' => $businessSites ?? collect(),
                        'businessUnits' => $businessUnits ?? collect(),
                        'businessSubUnits' => $businessSubUnits ?? collect(),
                    ])
                </div>
            </div>
        </div>
    </div>
    <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="custom-tabs-one-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="custom-tabs-one-details-tab" data-toggle="pill"
                                href="#custom-tabs-one-details" role="tab" aria-controls="custom-tabs-one-details"
                                aria-selected="true">Details</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="custom-tabs-one-related-tab" data-toggle="pill"
                                href="#custom-tabs-one-related" role="tab" aria-controls="custom-tabs-one-related"
                                aria-selected="false">Related</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="custom-tabs-one-approvers-tab" data-toggle="pill"
                                href="#custom-tabs-one-approvers" role="tab" aria-controls="custom-tabs-one-approvers"
                                aria-selected="false">Pre-Defined Approvers</a>
                        </li>
                    </ul>
                </div>
                <div class="card-body">
                    <div class="tab-content" id="custom-tabs-one-tabContent">
                        <!-- Details Tab-->
                        @include('backend.workstreams.details')
                        <!-- Related Tab-->
                        @include('backend.workstreams.related')
                        <!-- Pre-Defined Approvers Tab-->
                        @include('backend.workstreams.one-approvers', [
                            'workstream_id' => isset($workstream) ? base64_encode($workstream->id) : null,
                            'masterTechnicalDiscipline' => $masterTechnicalDiscipline ?? collect(),
                            'approvers' => $approvers ?? collect(),
                        ])


                    </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <a href="{{ route('workstreams.index') }}" 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><br /><br />
    {!! html()->form()->close() !!}

    {{-- Custom --}}
    <x-adminlte-modal id="preDefinedApproversModal" title="Pre Defined Approvers" size="xl" theme="primary"
        icon="fas fa-edit" v-centered static-backdrop scrollable>
        <form id="addWorkStreamApproverForm" action="{{ route('workstreams.save-approver') }}" method="POST">
            <div id="getPredefineContent">

            </div>
        </form>
        <x-slot name="footerSlot">
            <x-adminlte-button theme="default" label="Close" class="mr-auto model-btn-close" data-dismiss="modal" />
            <x-adminlte-button theme="success" label="Save Changes" id="predefineModalSubmitBtn"
                class="modal-btn-save-changes" />
        </x-slot>
    </x-adminlte-modal>
@endsection



{{-- Example button to open modal --}}

@push('js')
    <!-- Include For filter assest -->
    <script>
        const routes = {
            threat: "{{ route('threats.index') }}",
            isEditMode: @json(isset($workstream)),
            workstreams: "{{ route('workstreams.index') }}",
            business_site: "{{ route('threats.get-business-sites') }}",
            business_unit: "{{ route('threats.get-business-units') }}",
            business_sub_unit: "{{ route('threats.get-business-sub-units') }}",
            get_filter_data: "{{ route('threats.get-filter-data') }}",
            get_predefined_approvers: "{{ route('workstreams.pre-define-approver') }}",
            save_predefined_approvers: "{{ route('workstreams.save-approver') }}",


        };

        $('#owner_id').select2({
            placeholder: 'Select owner',
            allowClear: false,
            theme: 'bootstrap4',
        });
    </script>

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