@extends('layouts.master')

@section('mainContent')

    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

            @include('layouts.tenants.project-support-menu')

        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Process Improvement Proposal</h3>
                        <ul>
                            <li class="text-primary">Project Support</li>
                            <li><a href="{{ url('/pip') }}">Process Improvement Proposal</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-12 d-flex widget-path widget-service">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="datatable-search"></div>
                                </div>
                                <div class="col-lg-8">
                                    <ul class="btn-header-split">
                                       @if(Auth::user()->hasPermission('pip','create'))
                                       <li>
                                        <a class="btn btn-primary" id="add_pip"><i class="fe fe-plus me-2"></i>New PIP</a>
                                        </li>
                                        @endif
                                        <li>
                                        <a href="{{ url('pip/export/excel') }}" class="btn btn-secondary-outline">Export<i class="fe fe-copy ms-2"></i></a>
                                        </li> 
                                        <!-- <li>
                                            <a href="{{ url('commonTypes/list/pip_artifacts') }}" class="btn btn-warning"><i class="fa fa-tag me-2"></i>PIP Setup</a>
                                        </li> -->

                                    </ul>
                                </div>
                            </div>
                        <div class="table-responsive">
                            <table class="table" id="pip_table">
                                <thead>
                                    <tr>
                                    <th>PIP ID</th>
                                    <th>Source</th>
                                    <th>Suggested by</th>
                                    <th>Approval</th>
                                    {{-- <th>Proposed action</th>
                                    <th>Process/Artifacts</th> --}}
                                    <th>Estimated</th>
                                    <th>Completion</th>
                                    <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                <div class="datatable-paginate"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

@endsection
@section('customModal')

  <div class="modal fade modal-customization" id="add_pip_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog modal-lg">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title">Add Process Improvement Proposal</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                      <i class="fe fe-x"></i>
                </button>
              </div>
               <form id="add_pip_save">
                    <input type="hidden" name="pip_aid" id="pip_aid" value="">
                    <input type="hidden" name="page" value="{{ $page }}" id="page">
                    <input type="hidden" name="project_id" value="">
                    <div class="modal-body">
                        <div class="row">
                        <!-- <div class="col-lg-4 col-md-6 col-12">
                            <div class="mb-3" id="pip_id_div">
                                <label class="form-label"> PIP ID  </label>
                                <input type="text" class="form-control" name="pip_id" id="pip_id" readonly>
                            </div>
                        </div> -->
                        <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="project_name_div">
                                    <label class="form-label">Project name<span class="manitory">*</span></label>
                                    <select class="select" name="project_name">
                                    <option value="">Select</option>
                                        @if($projects->count()>0)
                                            @foreach($projects as $row)
                                                <option value="{{ $row->id }}" >{{ $row->project_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="source_div">
                                    <label class="form-label">Source of improvement <span class="manitory">*</span></label>
                                     <select class="select" name="source" id="source" >
                                    <option value="">Select</option>
                                    @if($configurations['pip_source']->count()>0)
                                            @foreach($configurations['pip_source'] as $row)
                                                <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                            @endforeach
                                    @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="classification_div">
                                    <label class="form-label">Improvement Classification <span class="manitory">*</span></label>
                                     <select class="select" name="classification" id="classification" >
                                    <option value="">Select</option>
                                    @if($configurations['pip_classification']->count()>0)
                                            @foreach($configurations['pip_classification'] as $row)
                                                <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                            @endforeach
                                    @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="suggested_by_div">
                                    <label class="form-label">Suggested By <span class="manitory">*</span></label>
                                    <select class="select" name="suggested_by">
                                    <option value="">Select</option>
                                        @if($users->count()>0)
                                            @foreach($users as $row)
                                            <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="mb-3" id="suggestion_div">
                                    <label class="form-label">Problem Statement / Voice of Customer</label>
                                    <textarea class="form-control" name="suggestion" id="suggestion" placeholder="Your content goes here..."></textarea>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="approval_div">
                                    <label class="form-label">Approval <span class="manitory">*</span></label>
                                    <select class="select" name="approval">
                                        <option value="">Select</option>
                                        @if($configurations['pip_approval']->count()>0)
                                            @foreach($configurations['pip_approval'] as $row)
                                                <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="mb-3" id="artifacts_div">
                                    <label class="form-label">Process/Artifacts <span class="manitory">*</span></label>
                                    <select class="select" name="artifacts[]" multiple>
                                        @if($configurations['pip_artifacts']->count()>0)
                                            @foreach($configurations['pip_artifacts'] as $row)
                                                <option value="{{ $row->id }}" >{{ $row->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="mb-3" id="proposed_action_div">
                                    <label class="form-label">Proposed Action <span class="manitory">*</span></label>
                                    <textarea class="form-control" name="proposed_action" id="proposed_action" placeholder="Your content goes here..."> </textarea>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="mb-3" id="action_taken_div">
                                    <label class="form-label">Action taken <span class="manitory">*</span></label>
                                    <textarea class="form-control" name="action_taken" id="action_taken" placeholder="Your content goes here..."></textarea>
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3"  id="estimated_effort_div">
                                    <label class="form-label">Estimated Effort <span class="manitory">*</span></label>
                                <input type="text" class="form-control" name="estimated_effort" placeholder="24">
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="mb-3"  id="actual_effort_div">
                                    <label class="form-label">Actual Effort <span class="manitory">*</span></label>
                                <input type="text" class="form-control" name="actual_effort" placeholder="24">
                                </div>
                            </div>

                            <div class="col-lg-4 col-md-6 col-12">
                            <div class="mb-3" id="is_pilot_div">
                                <label class="form-label">Is pilot conducted  <span class="manitory">*</span></label>
                                <div class="server-divs server-access">
                                    <ul>
                                        <li>
                                            <div class="radio">
                                                <input id="fhigh" name="is_pilot" type="radio" checked >
                                                <label for="fhigh" class="radio-label">Yes</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="radio">
                                                <input id="highs" name="is_pilot" type="radio">
                                                <label  for="highs" class="radio-label">No</label>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-4  col-md-12 ">
                            <div class="mb-3" id="planned_completion_date_div">
                                <label class="form-label">Planned completion date <span class="manitory">*</span></label>
                                <div class="cal-icon">
                                    <input type="text" name="planned_completion_date" id="planned_completion_date" class="form-control datepicker" placeholder="DD-MM-YYYY">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4  col-md-12 ">
                            <div class="mb-3" id="actual_completion_date_div">
                                <label class="form-label">Actual completion date <span class="manitory">*</span></label>
                                <div class="cal-icon">
                                    <input type="text" name="actual_completion_date" id="actual_completion_date" class="form-control datepicker" placeholder="DD-MM-YYYY">
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-12">
                            <div class="mb-3" id="status_div">
                                <label class="form-label">Status <span class="manitory">*</span></label>
                                <select class="select" name="status" id="status" class="form-control">
                                        <option value="">Select Status</option>
                                        @if($configurations['pip_status']->count()>0)
                                            @foreach($configurations['pip_status'] as $row)
                                                <option value="{{ $row->id }}">{{ $row->name }}</option>
                                            @endforeach
                                        @endif
                                </select>
                                </div>
                                </div>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Create New</button>
                        <!-- <button type="button" class="btn btn-primary" id="add_cr_save">Save</button> -->
                        <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                    </div>
                </form>
                </div>
                </div>
        </div>
    </div>
    @endsection