@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="#" 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="#" 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 Management </li>
                            <li><a href="#">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-6">
                                    <div class="datatable-search"></div>
                                </div>
                                <div class="col-lg-6">
                                    <ul class="btn-header-split">
                                        <li>
                                            <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add-modal" ><i class="fe fe-plus me-2"></i>New Defect/Bug</a>
                                        </li>
                                        <li>
                                            <a href="{{ url('commonTypes/list/defect_type') }}" class="btn btn-warning"><i class="fa fa-tag me-2"></i>Defect Setup</a>
                                        </li>
                                       <!--  <li>
                                            <a href="#" class="btn btn-secondary-outline">Filter<i class="fe fe-sliders ms-2"></i></a>
                                        </li>
                                        <li>
                                            <a href="#" class="btn btn-secondary-outline">Sort by<i class="fe fe-filter ms-2"></i></a>
                                        </li> -->
                                    </ul>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table" id="defect_table">
                                    <thead>
                                        <tr>
                                            <th>Defect/Bug ID</th>
                                            <th>Defect Type</th>
                                            <th>Detected in phase</th>
                                            <th>Date of detection</th>
                                            <th>Impacted work product</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <h6 class="table-avatar">
                                                    <a href="defects-details.html">#Task-CC01</a>
                                                </h6>
                                            </td>
                                            <td class="reported-text">Testing defect</td>
                                            <td class="reported-text">Testing/SIT</td>
                                            <td>Apr 04, 2024</td>
                                            <td>Task-CC01</td>
                                            <td><span  class="badge badge-info-light">New</span></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h6 class="table-avatar">
                                                    <a href="defects-details.html">#Task-CC04</a>
                                                </h6>
                                            </td>
                                            <td class="reported-text">Review defect</td>
                                            <td class="reported-text">Support</td>
                                            <td>Apr 04, 2024</td>
                                            <td>Task-CC04</td>
                                            <td><span  class="badge badge-primary-light">WIP</span></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h6 class="table-avatar">
                                                    <a href="defects-details.html">#Task-RR40</a>
                                                </h6>
                                            </td>
                                            <td class="reported-text">Post delivery defect</td>
                                            <td class="reported-text">Coding</td>
                                            <td>Apr 04, 2024</td>
                                            <td>#Task-RR40</td>
                                            <td><span  class="badge badge-primary-light">WIP</span></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h6 class="table-avatar">
                                                    <a href="defects-details.html">#Task-XS13</a>
                                                </h6>
                                            </td>
                                            <td class="reported-text">Testing defect</td>
                                            <td class="reported-text">Testing/SIT</td>
                                            <td>Apr 04, 2024</td>
                                            <td>Task-XS13</td>
                                            <td><span  class="badge badge-success-light">Closed</span></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h6 class="table-avatar">
                                                    <a href="defects-details.html">#Task-DF77</a>
                                                </h6>
                                            </td>
                                            <td class="reported-text">Review defect</td>
                                            <td class="reported-text">Support</td>
                                            <td>Apr 04, 2024</td>
                                            <td>Task-DF77</td>
                                            <td><span  class="badge badge-success-light">Closed</span></td>
                                        </tr>
                                    </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>
    </div> 
@endsection

@section('customModal')
    <div class="modal fade modal-customization" id="add-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 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 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-4 col-md-6 col-12">
                        <div class="mb-3">
                            <label class="form-label">Defect type</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-4 col-md-6 col-12">
                        <div class="mb-3">
                            <label class="form-label">Detected in phase</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">
                            <label class="form-label">Defect description</label>
                           <textarea class="form-control" placeholder="Your content goes here..."></textarea>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Date of detection <span class="manitory">*</span></label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" placeholder="2024-04-09">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Impact work product</label>
                            <input type="text" class="form-control" placeholder="Task-CC01">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Cause of defect</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">
                            <label class="form-label">Assigned to</label>
                            <select class="select" name="assigned_to" id="assigned_to">
                                @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">
                            <label class="form-label">Assigned date</label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" placeholder="2024-04-09">
                            </div>
                        </div>
                    </div> 
                    <div class="col-lg-4 col-md-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Severity</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">
                            <label class="form-label">Action taken</label>
                            <input type="text" class="form-control" placeholder="Enter the action taken">
                        </div>
                    </div> 
                    <div class="col-lg-4 col-md-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Status</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">
                            <label class="form-label">Fixed on</label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" placeholder="2024-04-09">
                            </div>
                        </div>
                    </div> 
                    <div class="col-lg-6  col-md-12 ">
                        <div class="mb-3">
                            <label class="form-label">Verified by</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">
                            <label class="form-label">Verified on</label>
                            <div class="cal-icon">
                                <input type="text" class="form-control datepicker" placeholder="2024-04-09">
                            </div>
                        </div>
                    </div> 
                    <div class="col-lg-12">
                        <div class="mb-3">
                            <label class="form-label">Comments</label>
                           <textarea class="form-control" placeholder="Your content goes here..."></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-primary">Save</button>
              <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
            </div>
          </div>
        </div>
    </div>
@endsection