@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Mis Report /</span> Services</h4>
              <!--<nav class="navbar navbar-example navbar-expand-lg bg-light mb-3">
               
              </nav>-->

              
             <!-- Horizontal -->
             
              <div class="row mb-5">
            
                         
             <div class="card">
                <h5 class="card-header"> Services</h5>
             
                    
@if(Session::has('success'))
    <div class="alert alert-success">
        {{Session::get('success')}}
    </div>
@endif

                      <!-- filter  -->

               <nav class="navbar navbar-example navbar-expand-lg bg-light mb-3">
                  <div class="container-fluid">
                    <a class="navbar-brand" href="javascript:void(0)">&nbsp;</a>
                    <button
                      class="navbar-toggler"
                      type="button"
                      data-bs-toggle="collapse"
                      data-bs-target="#navbar-ex-3"
                    >
                      <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbar-ex-3">
                      <div class="navbar-nav me-auto">
                        <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                        >
                         Posted By
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li onclick="posted_by(this);" title="dpuser"><a class="dropdown-item" href="javascript:void(0)">DP User</a></li>
                          <li onclick="posted_by(this);" title="dpbuddy"><a class="dropdown-item" href="javascript:void(0)">DP Buddy</a></li>
                          <li onclick="posted_by(this);" title="dpsaarthi"><a class="dropdown-item" href="javascript:void(0)">DP Saarthi</a></li>
                          <!--<li>
                            <hr class="dropdown-divider" />
                          </li>
                          <li><a class="dropdown-item" href="javascript:void(0)">Something else here</a></li>-->
                        </ul>
                      </li></ul>


 
                      <!--<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                        >
                         Role By
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li><a class="dropdown-item" href="javascript:void(0)">DP User</a></li>
                          <li><a class="dropdown-item" href="javascript:void(0)">DP Buddy</a></li>
               <li><a class="dropdown-item" href="javascript:void(0)">DP Saarthi</a></li>
                        </ul>
                      </li></ul>-->

                        <!--<button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#Modaldate">Date</button>-->
            <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#basicModal">Custom Search</button>
            </div>
                      <!--<form onsubmit="return false">-->
                       <!-- <button class="btn btn-outline-primary" id="csvExport" type="button"><i class="bx bxs-download"></i> Download</button>!-->
                        &nbsp;&nbsp;&nbsp;
                        <a
                          href="{{ url('misservices?refresh=refresh') }}"
                          class="btn btn-primary mr10"
                        >
                         Reset
                     </a>
                      <!--</form>-->
                    </div>
                  </div>
                </nav>
        <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                             <form action="{{ url('misservices') }}" method="GET">
              <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Custom Search</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
                                <div class="row">
                                  <div class="col mb-3">
                                    <label for="nameBasic" class="form-label">From Date</label>
                                    <input type="date" name="from-date" value="