@extends('layouts.cmsApp')

@section('content')
    <div class="nk-block-head nk-block-head-sm">
        <div class="nk-block-between">
            <div class="nk-block-head-content">

                <h3 class="nk-block-title page-title">Create Escalation</h3>
            </div><!-- .nk-block-head-content -->
        </div>
    </div>
    @if(isset($escalation->id))
    <form action="{{ url('cms/escalation/update') }}" method="POST">
    @else
    <form action="{{ url('cms/escalation/store') }}" method="POST">
    @endif
        @csrf
            <div class="nk-block">
                <div class="card card-bordered sp-plan">
                    <div class="card-body">

                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="matrix_identifier">Matrix Identifier<span class="text-danger">*</span></label>
                            <span class="form-note">Enter Matrix Identifier</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap">
                                <input type="text" class="form-control" id="matrix_identifier" name="matrix_identifier"placeholder="Enter Matrix Identifier" value="{{ isset($escalation->matrix_identifier) ? $escalation->matrix_identifier : old('matrix_identifier') }}"
                                required
                                {{ isset($escalation->matrix_identifier) ? 'readonly' : '' }}
                                />
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="complaint_category">Complaint Category<span class="text-danger">*</span></label>
                            <span class="form-note">Complaint Category</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectCategory" name="complaint_category" data-placeholder="Select Complaint Category" required>
                                    <option value=""></option>
                                    @foreach($complaintCategory as $category)
                                    <option 
                                    @if(isset($escalation->complaint_category) && $escalation->complaint_category == $category->id)
                                    selected 
                                    @endif
                                    value="{{ $category->id }}">{{ $category->category }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="complaint_sub_cat">Complaint Sub-Category<span class="text-danger">*</span></label>
                            <span class="form-note">Complaint Sub-Category</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectSubCategory" name="complaint_sub_cat[]" data-placeholder="Select Complaint Sub-Category" required multiple>
                                    <option value=""></option>
                                    @isset($escalation->matrix_identifier)
                                    @foreach($complaintSubCategory as $subCategory)
                                    <option 
                                    @if(isset($escalationSubCategories) && in_array($subCategory->id,$escalationSubCategories))
                                    selected 
                                    @endif
                                    value="{{ $subCategory->id }}">{{ $subCategory->category }}</option>
                                    @endforeach
                                    @endisset
                                </select>
                            </div>
                        </div>
                    </div>
                </div>  
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="product_id">Product<span class="text-danger">*</span></label>
                            <span class="form-note">Product</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectProduct" name="product_id" data-placeholder="Select Product" required>
                                    <option value=""></option>
                                    @foreach($products as $product)
                                    <option 
                                    @if(isset($escalation->product_id) && $escalation->product_id == $product->product_id)
                                    selected 
                                    @endif
                                    value="{{ $product->product_id }}">{{ $product->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div> 
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="product_segment">Product Segment<span class="text-danger">*</span></label>
                            <span class="form-note">Product Segment</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectProductSegment" multiple name="product_segment[]" data-placeholder="Select Product Segment" required>
                                    <option value=""></option>
                                    @isset($escalation->matrix_identifier)
                                    @foreach($segments as $segment)
                                    <option 
                                    @if(isset($escalationSegments) && in_array($segment->application_id,$escalationSegments))
                                    selected 
                                    @endif
                                    value="{{ $segment->application_id }}">{{ $segment->name }}</option>
                                    @endforeach
                                    @endisset
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="escalation_stage">Escalation Stage <span class="text-danger">*</span></label>
                            <span class="form-note">Escalation Stage </span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectEscalation Stage" name="escalation_stage" data-placeholder="Select Escalation Stage" required>
                                    <option value="">Select</option>
                                    <option 
                                    {{ (old('escalation_stage') == 0 || (isset($stageData->stage) && $stageData->stage == 0)) ? 'selected' : '' }}
                                    value="0">Assign</option>
                                    <option 
                                    {{ (old('escalation_stage') == 1 || (isset($stageData->stage) && $stageData->stage == 1)) ? 'selected' : '' }}
                                    value="1">1</option>
                                    <option 
                                    {{ (old('escalation_stage') == 2 || (isset($stageData->stage) && $stageData->stage == 2)) ? 'selected' : '' }}
                                    value="2">2</option>
                                    <option 
                                    {{ (old('escalation_stage') == 3 || (isset($stageData->stage) && $stageData->stage == 3)) ? 'selected' : '' }}
                                    value="3">3</option>
                                    <option 
                                    {{ (old('escalation_stage') == 4 || (isset($stageData->stage) && $stageData->stage == 4)) ? 'selected' : '' }}
                                    value="4">4</option>
                                    <option 
                                    {{ (old('escalation_stage') == 5 || (isset($stageData->stage) && $stageData->stage == 5)) ? 'selected' : '' }}
                                    value="5">5</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div> 
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="max_time_frame">Days for Escalation<span class="text-danger">*</span></label>
                            <span class="form-note">Days for Escalation</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectDaysEscalation" name="max_time_frame" data-placeholder="Select Days for Escalation" required>
                                    <option value="">Select</option>
                                    <option 
                                    {{ (old('max_time_frame') == 1 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 1)) ? 'selected' : '' }}
                                    value="1">1</option>
                                    <option 
                                    {{ (old('max_time_frame') == 2 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 2)) ? 'selected' : '' }}
                                    value="2">2</option>
                                    <option 
                                    {{ (old('max_time_frame') == 3 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 3)) ? 'selected' : '' }}
                                    value="3">3</option>
                                    <option 
                                    {{ (old('max_time_frame') == 4 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 4)) ? 'selected' : '' }}
                                    value="4">4</option>
                                    <option 
                                    {{ (old('max_time_frame') == 5 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 5)) ? 'selected' : '' }}
                                    value="5">5</option>
                                    <option 
                                    {{ (old('max_time_frame') == 6 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 6)) ? 'selected' : '' }}
                                    value="6">6</option>
                                    <option 
                                    {{ (old('max_time_frame') == 7 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 7)) ? 'selected' : '' }}
                                    value="7">7</option>
                                    <option 
                                    {{ (old('max_time_frame') == 8 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 8)) ? 'selected' : '' }}
                                    value="8">8</option>
                                    <option 
                                    {{ (old('max_time_frame') == 9 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 9)) ? 'selected' : '' }}
                                    value="9">9</option>
                                    <option 
                                    {{ (old('max_time_frame') == 10 || (isset($stageData->max_time_frame) && $stageData->max_time_frame == 10)) ? 'selected' : '' }}
                                    value="10">10</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="escalation_to">Escalation To<span class="text-danger">*</span></label>
                            <span class="form-note">Escalation To</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectEscalationTo" name="escalation_to" data-placeholder="Select Escalation To" required>
                                    <option value=""></option>
                                    @foreach($roles as $role)
                                    <option 
                                    {{ old('escalation_to') == $role->role_id ? 'selected' : '' }}
                                    @if(isset($stageData->escalation_to) && $stageData->escalation_to == $role->role_id)
                                    selected 
                                    @endif
                                    value="{{ $role->role_id }}">{{ $role->label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row g-4">
                    <div class="col-lg-5">
                        <div class="form-group">
                            <label class="form-label" for="escalation_to_cc">CC Escalation To<span class="text-danger">*</span></label>
                            <span class="form-note">CC Escalation To</span>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="form-group"> 
                            <div class="form-control-wrap form-control-required-wrap">
                                <select class="form-select form-control" id="selectCCEscalationTo" multiple name="escalation_to_cc[]" data-placeholder="Select CC Escalation To" required>
                                    <option value=""></option>
                                    @foreach($roles as $role)
                                    <option 
                                    {{ in_array($role->role_id, old('escalation_to_cc', [])) ? 'selected' : '' }}

                                    @if(isset($stageData->stage_id) && in_array($role->role_id,$stageData->cc_users))
                                    selected 
                                    @endif

                                    value="{{ $role->role_id }}">{{ $role->label }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
</div>

<div class="nk-block mb-3 submit_div">
    <div class="row">
        <div class="col-md-12">
            <div class="sp-plan-info pt-0 pb-0 card-inner">  
                <div class="row">
                    <div class="col-lg-7 text-right offset-lg-5">
                        <div class="form-group">
                            <a href="javascript:history.back()" class="btn btn-outline-light">Cancel</a>
                            @if(isset($escalation->id))
                            <input type="hidden" name="escalation_id" value="{{ $escalation->id }}">
                            @endif
                            @if(isset($stageData->stage_id))
                            <input type="hidden" name="stage_id" value="{{ $stageData->stage_id }}">
                            <input type="submit" name="submit" value="Update Stage" class="btn btn-primary" />
                            @else
                            <input type="submit" name="submit" value="Add Stage" class="btn btn-primary" />
                            @endif
                        </div>
                    </div>
                </div>
            </div><!-- .sp-plan-info -->
        </div><!-- .col -->
    </div><!-- .row -->
</div>
</form>
@isset($stages)
<div class="nk-block table-compact">
    <!--  Filter Tag List -->
    <div id="filter_tag_list" class="filter-tag-list"></div>
    <!-- -->
    <div class="nk-tb-list is-separate mb-3">
        <table class="broadcast-init nowrap nk-tb-list is-separate" data-auto-responsive="false">
            <thead>
                <tr class="nk-tb-item nk-tb-head">
                    <th class="nk-tb-col tb-col-mb"><span class="sub-text">Complaint Type</span></th>
                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Product</span></th>
                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Escalation Stages</span></th>
                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Days</span></th>
                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Escalation To</span></th>
                    <th class="nk-tb-col tb-col-md"><span class="sub-text">Actions</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse($stages as $key => $stage)
                <tr class="nk-tb-item">
                    <td class="nk-tb-col tb-col-lg">
                        <a href="{{ url('cms/escalation/edit/'.$stage->escalation_id.'/'.$stage->id) }}">{{ $stage->complaint_category_name }}</a>
                    </td>
                    <td class="nk-tb-col tb-col-lg">{{ $stage->product_name }}</td>
                    <td class="nk-tb-col tb-col-lg">{{ $stage->stage }}</td>
                    <td class="nk-tb-col tb-col-lg">{{ $stage->days }}</td>
                    <td class="nk-tb-col tb-col-lg">{{ $stage->escalation_to_name }}</td>
                    <td class="nk-tb-col tb-col-lg" >
                        <a onclick='return confirm("Are you sure, you want to delete it?")' href="{{ url('/cms/escalation/remove-stage/'.$stage->escalation_id.'/'.$stage->id) }}"><em class='icon ni ni-trash'></em></a>
                    </td>
                </tr>
                @empty
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endisset

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>
$(document).ready(function() {  
    @isset($escalation->matrix_identifier)
    $('#selectCategory option:not(:selected)').prop('disabled', true);
    $('#selectSubCategory option:not(:selected)').prop('disabled', true);
    $('#selectProduct option:not(:selected)').prop('disabled', true);
    $('#selectProductSegment option:not(:selected)').prop('disabled', true);
    @endisset

    var root_url = "