@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page"><a href="">Bug Reported</a></li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
				  <div class="top-header mb-5">
						<h1 class="m-0">Bug Reported</h1>
					</div>
		      @if(Session::has('error'))
						<div class="alert alert-danger" style="background: none; border: none;">
							<p style="color: #f00">{{ Session::get('error') }}</p>
						</div>
					@endif
          <div class="row">
              <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="card">
                      <div class="card-body small-card">
                        <h5 class="font-medium">Total Bug Received</h5>
                        <div class="counter">
                          <svg
                            id="small-card-icon"
                            class="blue"
                            xmlns="http://www.w3.org/2000/svg"
                            width="20.273"
                            height="20.732"
                            viewBox="0 0 20.273 20.732"
                          >
                            <g transform="translate(-5.411)">
                              <g transform="translate(5.411)">
                                <path
                                  d="M119.618,258.712a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.471-.471v-1.642Z"
                                  transform="translate(-112.294 -247.274)"
                                  fill=""
                                />
                                <path
                                  d="M216.253,258.712a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.47-.471Z"
                                  transform="translate(-204.825 -247.274)"
                                  fill=""
                                />
                                <path
                                  d="M312.881,258.712a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.471h1.642a.47.47,0,0,0,.47-.471Z"
                                  transform="translate(-297.349 -247.274)"
                                  fill=""
                                />
                                <path
                                  d="M119.618,355.345a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.471-.47v-1.642Z"
                                  transform="translate(-112.294 -339.803)"
                                  fill=""
                                />
                                <path
                                  d="M216.253,355.345a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.47-.47Z"
                                  transform="translate(-204.825 -339.803)"
                                  fill=""
                                />
                                <path
                                  d="M312.881,355.345a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.47h1.642a.47.47,0,0,0,.47-.47v-1.642Z"
                                  transform="translate(-297.349 -339.803)"
                                  fill=""
                                />
                                <path
                                  d="M23.879,54.151v2.508a2.048,2.048,0,0,1-2.053,2.047h-1.3a2.059,2.059,0,0,1-2.065-2.047V54.142H12.629v2.517a2.059,2.059,0,0,1-2.065,2.047h-1.3a2.048,2.048,0,0,1-2.053-2.047V54.151a1.867,1.867,0,0,0-1.8,1.857v14.7a1.868,1.868,0,0,0,1.858,1.869H23.825a1.87,1.87,0,0,0,1.858-1.869v-14.7A1.867,1.867,0,0,0,23.879,54.151Zm-.6,15.639a.8.8,0,0,1-.8.8H8.585a.8.8,0,0,1-.8-.8V62.2a.8.8,0,0,1,.8-.8H22.474a.8.8,0,0,1,.8.8V69.79Z"
                                  transform="translate(-5.411 -51.843)"
                                  fill=""
                                />
                                <path
                                  d="M80.254,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7H80.254a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,80.254,5.519Z"
                                  transform="translate(-76.401)"
                                  fill="#278bed"
                                />
                                <path
                                  d="M345.162,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7h-1.281a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,345.162,5.519Z"
                                  transform="translate(-330.058)"
                                  fill="#278bed"
                                />
                              </g>
                            </g>
                          </svg>
                          <ul class="list">
                              <li>
                                <span class="list-label">Today:</span>
                                <span class="list-count">{{ $total_bug_today }}</span>
                              </li>
                              <li>
                                <span class="list-label">Total:</span>
                                <span class="list-count">{{ $total_bug_last7day }}</span>
                                <!-- <a href="javascript:void(0)" class="more_subject" data-title="test"><span class="list-more">+3</span><div id="tooltip"></div></a> -->
                              </li>
                          </ul>
                        </div>
                        <svg
                          id="small-card-bg-icon"
                          class="blue"
                          xmlns="http://www.w3.org/2000/svg"
                          width="20.273"
                          height="20.732"
                          viewBox="0 0 20.273 20.732"
                        >
                          <g transform="translate(-5.411)">
                            <g transform="translate(5.411)">
                              <path
                                d="M119.618,258.712a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.471-.471v-1.642Z"
                                transform="translate(-112.294 -247.274)"
                                fill=""
                              />
                              <path
                                d="M216.253,258.712a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.471h1.642a.47.47,0,0,0,.47-.471Z"
                                transform="translate(-204.825 -247.274)"
                                fill=""
                              />
                              <path
                                d="M312.881,258.712a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.471h1.642a.47.47,0,0,0,.47-.471Z"
                                transform="translate(-297.349 -247.274)"
                                fill=""
                              />
                              <path
                                d="M119.618,355.345a.47.47,0,0,0-.471-.47h-1.642a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.471-.47v-1.642Z"
                                transform="translate(-112.294 -339.803)"
                                fill=""
                              />
                              <path
                                d="M216.253,355.345a.47.47,0,0,0-.47-.47H214.14a.47.47,0,0,0-.47.47v1.642a.47.47,0,0,0,.47.47h1.642a.47.47,0,0,0,.47-.47Z"
                                transform="translate(-204.825 -339.803)"
                                fill=""
                              />
                              <path
                                d="M312.881,355.345a.47.47,0,0,0-.47-.47h-1.642a.47.47,0,0,0-.471.47v1.642a.47.47,0,0,0,.471.47h1.642a.47.47,0,0,0,.47-.47v-1.642Z"
                                transform="translate(-297.349 -339.803)"
                                fill=""
                              />
                              <path
                                d="M23.879,54.151v2.508a2.048,2.048,0,0,1-2.053,2.047h-1.3a2.059,2.059,0,0,1-2.065-2.047V54.142H12.629v2.517a2.059,2.059,0,0,1-2.065,2.047h-1.3a2.048,2.048,0,0,1-2.053-2.047V54.151a1.867,1.867,0,0,0-1.8,1.857v14.7a1.868,1.868,0,0,0,1.858,1.869H23.825a1.87,1.87,0,0,0,1.858-1.869v-14.7A1.867,1.867,0,0,0,23.879,54.151Zm-.6,15.639a.8.8,0,0,1-.8.8H8.585a.8.8,0,0,1-.8-.8V62.2a.8.8,0,0,1,.8-.8H22.474a.8.8,0,0,1,.8.8V69.79Z"
                                transform="translate(-5.411 -51.843)"
                                fill=""
                              />
                              <path
                                d="M80.254,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7H80.254a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,80.254,5.519Z"
                                transform="translate(-76.401)"
                                fill="#278bed"
                              />
                              <path
                                d="M345.162,5.519h1.281a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-.7-.7h-1.281a.7.7,0,0,0-.7.7V4.815A.7.7,0,0,0,345.162,5.519Z"
                                transform="translate(-330.058)"
                                fill="#278bed"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                    </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="card">
                      <div class="card-body small-card">
                        <h5 class="font-medium">Total Bug Resolved</h5>
                        <div class="counter">
                          <svg
                            id="small-card-icon"
                            class="red"
                            xmlns="http://www.w3.org/2000/svg"
                            width="24"
                            height="24"
                            viewBox="0 0 24 24"
                          >
                            <g transform="translate(21090 -1397)">
                              <rect
                                width="24"
                                height="24"
                                transform="translate(-21090 1397)"
                                fill="none"
                              />
                              <path
                                d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                                transform="translate(-21086 1400)"
                                fill=""
                              />
                            </g>
                          </svg>
                          <ul class="list">
                              <li>
                                <span class="list-label">Today:</span>
                                <span class="list-count">{{ $total_resolved_bug_today }}</span>
                              </li>
                              <li>
                                <span class="list-label">Total:</span>
                                <span class="list-count">{{ $total_resolved_bug_last7day }}</span>
                                <!-- <a href="javascript:void(0)" class="more_subject" data-title="dfdf"><span class="list-more">+3</span><div id="tooltip"></div></a> -->
                              </li>
                          </ul>
                        </div>
                        <svg
                          id="small-card-bg-icon"
                          class="red"
                          xmlns="http://www.w3.org/2000/svg"
                          width="24"
                          height="24"
                          viewBox="0 0 24 24"
                        >
                          <g transform="translate(21090 -1397)">
                            <rect
                              width="24"
                              height="24"
                              transform="translate(-21090 1397)"
                              fill="none"
                            />
                            <path
                              d="M14.222,18H1.778A1.791,1.791,0,0,1,0,16.2V3.6A1.792,1.792,0,0,1,1.778,1.8H5.494a2.646,2.646,0,0,1,5.014,0h3.715A1.791,1.791,0,0,1,16,3.6V16.2A1.791,1.791,0,0,1,14.222,18ZM4.445,12.6a.9.9,0,0,0,0,1.8H8.89a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8Zm0-3.6a.9.9,0,0,0,0,1.8h7.111a.9.9,0,0,0,0-1.8ZM8,1.8a.9.9,0,1,0,.889.9A.9.9,0,0,0,8,1.8Z"
                              transform="translate(-21086 1400)"
                              fill="#ff7249"
                            />
                          </g>
                        </svg>
                      </div>
                    </div>
                  </div>
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="card">
                      <div class="card-body small-card">
                        <h5 class="font-medium">Total Pending Bug</h5>
                        <div class="counter">
                          <svg
                            id="small-card-icon"
                            class="orange"
                            xmlns="http://www.w3.org/2000/svg"
                            width="28"
                            height="28"
                            viewBox="0 0 28 28"
                          >
                            <g transform="translate(-474 -1481.625)">
                              <rect
                                width="28"
                                height="28"
                                transform="translate(474 1481.625)"
                                fill="rgba(0,0,0,0)"
                              />
                              <path
                                d="M19.684,25H6.935a2.291,2.291,0,0,1-2.3-2.272L4.643,6.818a2.291,2.291,0,0,1,2.3-2.272h7.145a2.333,2.333,0,0,1,1.644.67L21.328,10.7a2.255,2.255,0,0,1,.672,1.6v10.42A2.3,2.3,0,0,1,19.684,25ZM13.894,6.251h0v5.114A1.148,1.148,0,0,0,15.052,12.5h5.211ZM1.158,18.182A1.148,1.148,0,0,1,0,17.045V2.273A2.3,2.3,0,0,1,2.316,0H15.052A1.149,1.149,0,0,1,16.21,1.137a1.148,1.148,0,0,1-1.158,1.136H3.473A1.148,1.148,0,0,0,2.316,3.41V17.045A1.148,1.148,0,0,1,1.158,18.182Z"
                                transform="translate(476 1483.625)"
                                fill=""
                              />
                            </g>
                          </svg>
                          <ul class="list">
                              <li>
                                <span class="list-label">Test Series:</span>
                                <span class="list-count font-bold">{{ $total_pending_bug_today }}</span>
                              </li>
                              <li>
                                <span class="list-label">Practice Set:</span>
                                <span class="list-count font-bold">{{ $total_pending_bug_last7day }}</span>
                                <!-- <a href="javascript:void(0)" class="more_subject" data-title="dfdf"><span class="list-more">+3</span><div id="tooltip"></div></a> -->
                              </li>
                          </ul>
                        </div>
                        <svg
                          id="small-card-bg-icon"
                          class="orange"
                          xmlns="http://www.w3.org/2000/svg"
                          width="28"
                          height="28"
                          viewBox="0 0 28 28"
                        >
                          <g transform="translate(-474 -1481.625)">
                            <rect
                              width="28"
                              height="28"
                              transform="translate(474 1481.625)"
                              fill="rgba(0,0,0,0)"
                            />
                            <path
                              d="M19.684,25H6.935a2.291,2.291,0,0,1-2.3-2.272L4.643,6.818a2.291,2.291,0,0,1,2.3-2.272h7.145a2.333,2.333,0,0,1,1.644.67L21.328,10.7a2.255,2.255,0,0,1,.672,1.6v10.42A2.3,2.3,0,0,1,19.684,25ZM13.894,6.251h0v5.114A1.148,1.148,0,0,0,15.052,12.5h5.211ZM1.158,18.182A1.148,1.148,0,0,1,0,17.045V2.273A2.3,2.3,0,0,1,2.316,0H15.052A1.149,1.149,0,0,1,16.21,1.137a1.148,1.148,0,0,1-1.158,1.136H3.473A1.148,1.148,0,0,0,2.316,3.41V17.045A1.148,1.148,0,0,1,1.158,18.182Z"
                              transform="translate(476 1483.625)"
                              fill=""
                            />
                          </g>
                        </svg>
                      </div>
                    </div>
                  </div>
            </div>

            <div class="card" style="min-height: 85px !important;">
                <div class="card-body">
                    <input type="hidden" id="hidden_coaching_ids" name="hidden_coaching_ids"/>
                    <div class="form-row filter-row">
                      <div class="form-group mb-4 col-md-12 coaching_name_uls_div" style="display: none;">
                        <span class="coaching_name_uls mt-0"></span>
                      </div>                   
                      <div class="form-group mb-1 col-md-2">
                        <select class="form-control input-sm search_filter" id="type_filter" name="type_filter">
                        <option value="1">Company</option>
                        <option value="2">Coaching</option>
                        </select>
                      </div>
                      <div class="form-group mb-1 col-md-2">
                      <select class="form-control input-sm search_filter" id="exam_type_filter" name="exam_type_filter">
                        <option value="">Select Exam Type</option>
                        @if($exam_types)
                          @foreach($exam_types as $exam_type_row)
                          <option value="{{$exam_type_row->id}}">{{$exam_type_row->exam_type}}</option>
                          @endforeach
                        @endif
                      </select>
                      </div>
                      <div class="form-group mb-1 col-md-2">
                        <select class="form-control input-sm" id="package_type_filter" name="package_type_filter">
                        <option value="">Select Package Type</option>
                        <option value="1" selected>Test Series</option>
                        <option value="2">Practice</option>
                      </select>
                      </div>

                      <div class="form-group mb-1 col-md-2 test_search_div">
                        <select class="form-control input-sm " id="package_filter" name="package_filter">
                          <option value="">Select Package</option>
                          
                        </select>
                      </div>
                      <div class="form-group mb-1 col-md-2 test_search_div">
                        <select class="form-control input-sm " id="test_type_filter" name="test_type_filter">
                        <option value="">Select Test Type</option>
                        
                      </select>
                      </div>
                      <div class="form-group mb-1 col-md-2 test_search_div">
                        <select class="form-control input-sm search_filter" id="test_filter" name="test_filter">
                        <option value="">Select Test</option>
                        
                      </select>
                      </div>

                      <div class="form-group mb-1 col-md-3 practice_search_div"  style="display:none;">
                        <select class="form-control input-sm " id="practice_filter" name="practice_filter">
                          <option value="">Select Practice</option>
                          
                        </select>
                      </div>

                      <div class="form-group mb-1 col-md-3 practice_search_div"  style="display:none;">
                        <select class="form-control input-sm search_filter" id="chapter_filter" name="chapter_filter">
                          <option value="">Select Chapter</option>
                          
                        </select>
                      </div>                      
                    </div>
                </div>
          </div>
          <!-- Table -->
              <div class="card">
                <div class="card-header pt-5">
                   <h2 id="bug_report_type_title"> Test Series Report </h2>
                   <div class="filter-group">
                    <select class="form-control search_filter" id="status_filter" name="status_filter">
                      <option value="">Status</option>
                      <option value="1">Pending</option>
                      <option value="2">Resolved</option>
                    </select>
                    <div class="dropdown custom-date">
                          <button class="btn btn-custom-toggle dropdown-toggle btn-block" type="button" id="dropdownMenuButton"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Custom Date
                          </button>
                          <div class="dropdown-menu custom-dropdown-menu right-move" aria-labelledby="dropdownMenuButton"
                            x-placement="bottom-start">
                            <div class="custom-date-content">
                              <h6>Filter by report date</h6>
                              <ul id="date_ul">
                                <li value="1" class="custom_date" style="cursor:pointer;">Today</li>
                                <li value="2" class="custom_date" style="cursor:pointer;">Last 7 Days</li>
                                <li value="3" class="custom_date" style="cursor:pointer;">This Month</li>
                                <li value="4" class="custom_date" style="cursor:pointer;">This Year: {{ date('Y') }} </li>
                                <li value="5" class="custom_date" style="cursor:pointer;">Last Year: {{ date('Y')-1 }}</li>
                                <li value="6" class="custom_date" style="cursor:pointer;">All Time</li>
                              </ul>
                              <h6>Filter by report date range</h6>
                              <div class="date-group">
                                <div class="input-group">
                                  <div class="input-group-prepend">
                                    <div class="input-group-text">
                                      <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                    </div>
                                  </div>
                                  <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
                                    type="text" name="from_date" id="from_date">
                                </div>
                                <span>To</span>
                                <div class="input-group">
                                  <div class="input-group-prepend">
                                    <div class="input-group-text">
                                      <i class="fa fa-calendar tx-16 lh-0 op-6"></i>
                                    </div>
                                  </div>
                                  <input class="form-control fc-datepicker input-sm" placeholder="YYYY-MM-DD"
                                    type="text" name="to_date" id="to_date">
                                </div>
                              </div>
                              <div class="btn-content">
                                <button class="btn btn-outline-primary btn-pill add-btn-sm btn-streach-md" id="date_cancel">
                                  Cancel
                                </button>
                                <button class="btn btn-primary add-btn-sm btn-streach-md" id="date_apply">
                                  Apply
                                </button>
                              </div>
                            </div>
                          </div>
                    </div>
                </div>
                    
                </div>
                  <div class="card-body pt-0">
                    <p class="text-right font-bold total_data">Total No Of Search: </p>
                    <div id="bug_list_div">
                      <table id="test_bug_list" class="stripe row-border order-column dataTable no-footer">
                        <thead>
                          <tr>
                            <th width="150">Sr.No. <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th width="150">Coaching Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th width="150">Test Package Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th width="150">Test Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Exam Type <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Question <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Submitted On <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Resolved On <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
                            <th>Action</th>
                          </tr>
                        </thead>
                      </table>
                    </div>
                  </div>
              </div>
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript">
  $(function(){
    var state_options='<option value="">State</option>';