@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>Defect/Bug</h3>
                        <ul>
                            <li class="text-primary">Project Support</li>
                            <li><a href="javascript:;">Defect/Bug</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">
                                        <li>
                                        <div class="project_lists">
                                            <select class="select" name="project_id" id="project_id">
                                                <option value="">Select Project</option>
                                                @if(!empty($projects))
                                                    @foreach($projects as $row)
                                                        <option value="{{ $row->id }}"  @if (session('project_id') == $row->id) selected @endif>{{ $row->project_name.' - '.$row->project_id }}</option>
                                                    @endforeach
                                               @endif
                                               </select>
                                            </div>
                                       </li>
                                       @if(Auth::user()->hasPermission('defects','create')) 
                                       <li>
                                        <a class="btn btn-primary" href="javascript:;" id="add-defects"><i class="fe fe-plus me-2"></i>New Defect/Bug</a>
                                        </li>
                                       @endif
                                        {{-- <li>
                                            <a href="{{ url('defectMaster/list/defect_type') }}" class="btn btn-warning"><i class="fa fa-tag me-2"></i>Defect Setup</a>
                                        </li> --}}
                                        <li>
                                        <a href="{{ url('defects/export/excel') }}" class="btn btn-secondary-outline">Export<i class="fe fe-copy ms-2"></i></a>
                                        </li> 
                                    </ul>
                                </div>
                            </div>
                        <div class="table-responsive">
                            <table class="table" id="defects_table">
                                <thead>
                                    <tr>
                                    <th>Defect/Bug ID</th>
                                    <th>Defect Type</th>
                                    <th>Detected in phase</th>
                                    <th>Date of detection</th>
                                    <th>Severity</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')
<!-- Add -->
<div class="modal fade modal-customization" id="add_defects_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" id="modal-heading">Add Defect/Bug</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <div id="form_message">
            <form id="defectsForm">
                <input type="hidden" name="hiddefect_id" id="hiddefect_id" value="">
                <input type="hidden" name="page" value="" id="page">
                <div class="modal-body">
                    <div class="row">
                        <!-- <div class="col-lg-4 col-md-6 col-12">
                            <div class="mb-3">
                                <label class="form-label">Unique ID</label>
                               <input type="text" class="form-control" placeholder="#Task-CC01" readonly>
                            </div>
                        </div> -->
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="mb-3" id="defect_type_div">
                                <label class="form-label">Defect type <span class="manitory">*</span></label>
                               <select class="select" name="defect_type" id="defect_type">
                                    <option value="">Select</option>
                                    @if($defect_type->count()>0)
                                        @foreach($defect_type 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="defect_phase_div">
                                <label class="form-label">Detected in phase <span class="manitory">*</span></label>
                               <select class="select" name="defect_phase" id="defect_phase">
                                    <option value="">Select</option>
                                    @if($defect_phase->count()>0)
                                        @foreach($defect_phase as $row)
                                            <option value="{{ $row->id }}"> {{ $row->name }}</option>
                                        @endforeach
                                    @endif
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="mb-3" id="defect_description_div">
                                <label class="form-label">Defect description</label>
                               <textarea class="form-control" placeholder="Your content goes here..." name="description" id="description"></textarea>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_date_div">
                                <label class="form-label">Date of detection <span class="manitory">*</span></label>
                                <div class="cal-icon">
                                    <input type="text" class="form-control defectsdatepicker" placeholder="DD-MM-YYYY" name="detection_date" id="detection_date">
                                    <!-- <input type="text" class="form-control datepicker" placeholder="09-04-2024" name="detection_date" id="detection_date"> -->
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_product_div">
                                <label class="form-label">Impact work product <span class="manitory">*</span></label>
                                <input type="text" class="form-control" placeholder="Task-CC01" name="impacted_product" id="impacted_product">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_cause_div">
                                <label class="form-label">Cause of defect <span class="manitory">*</span></label>
                                <select class="select" name="defect_cause" id="defect_cause">
                                    <option value="">Select</option>
                                    @if($defect_cause->count()>0)
                                        @foreach($defect_cause as $row)
                                            <option value="{{ $row->id }}"> {{ $row->name }}</option>
                                        @endforeach
                                    @endif
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_assignedto_div">
                                <label class="form-label">Assigned to <span class="manitory">*</span></label>
                                <select class="select" name="assigned_to" id="assigned_to">
                                    <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-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_assigneddate_div">
                                <label class="form-label">Assigned date <span class="manitory">*</span></label>
                                <div class="cal-icon">
                                    <input type="text" class="form-control defectsdatepicker" placeholder="DD-MM-YYYY" name="assigned_date" id="assigned_date">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_severity_div">
                                <label class="form-label">Severity <span class="manitory">*</span></label>
                                <select class="select" name="defect_severity" id="defect_severity">
                                    <option value="">Select</option>
                                    @if($defect_severity->count()>0)
                                        @foreach($defect_severity as $row)
                                            <option value="{{ $row->id }}"> {{ $row->name }}</option>
                                        @endforeach
                                    @endif
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_actiontoken_div">
                                <label class="form-label">Action taken</label>
                                <input type="text" class="form-control" placeholder="Enter the action taken" name="action_taken" id="action_taken" value="">
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_status_div">
                                <label class="form-label">Status <span class="manitory">*</span></label>
                                <select class="select" name="defect_status" id="defect_status">
                                    <option value="">Select</option>
                                    @if($defect_status->count()>0)
                                        @foreach($defect_status as $row)
                                            <option value="{{ $row->id }}"> {{ $row->name }}</option>
                                        @endforeach
                                    @endif
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6  col-md-12 ">
                            <div class="mb-3" id="defect_fixedon_div">
                                <label class="form-label">Fixed on</label>
                                <div class="cal-icon">
                                    <input type="text" class="form-control defectsdatepicker" placeholder="DD-MM-YYYY" name="fixed_date" id="fixed_date" value="">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6  col-md-12 ">
                            <div class="mb-3" id="defect_verifiedby_div">
                                <label class="form-label">Verified by <span class="manitory">*</span></label>
                                <select class="select" name="verified_by" id="verified_by">
                                    <option value="">Select</option>
                                    @if($users->count()>0)
                                        @foreach($users as $row)
                                            <option value="{{ $row->id }}" {{ auth()->user()->id==$row->id?'selected':'' }}>{{ $row->first_name.' - '.$row->last_name }}</option>
                                        @endforeach
                                    @endif
                               </select>
                            </div>
                        </div>
                        <div class="col-lg-6  col-md-12 ">
                            <div class="mb-3" id="defect_verifiedon_div">
                                <label class="form-label">Verified on</label>
                                <div class="cal-icon">
                                    <input type="text" class="form-control defectsdatepicker" placeholder="DD-MM-YYYY" name="verified_on" id="verified_on">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="mb-3" id="defect_comments_div">
                                <label class="form-label">Comments</label>
                               <textarea class="form-control" placeholder="Your content goes here..." name="comments" id="comments"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-primary">Save</button>
                  <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
                </div>
            </form>
          </div>
        </div>
    </div>
</div>
<!-- /Add -->

@endsection