@extends('layouts.member-app')
@push('head-script')
<style>
   .list-group{
   margin-bottom:0px !important;
   }
</style>
@endpush
@section('page-title')
<div class="row title-row">
   <div class="col-md-12">
      <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
   </div>
</div>
@push('head-script')
<link rel="stylesheet" href="{{ asset('css/datatables/dataTables.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/responsive.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
<style>
   .list-group{
   margin-bottom:0px !important;
   }
</style>
@endpush
@section('page-title')
<div class="row title-row">
   <div class="col-md-12">
      <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
   </div>
</div>
@push('head-script')
<link rel="stylesheet" href="{{ asset('css/datatables/dataTables.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/responsive.bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/datatables/buttons.dataTables.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}">
<style>
   .list-group{
   margin-bottom:0px !important;
   }
   .dashboard-stats .white-box .list-inline {
   margin-bottom: 0;
   }
   .dashboard-stats .white-box {
   padding: 10px;
   }
   .dashboard-stats .white-box .box-title {
   font-size: 13px;
   text-transform: capitalize;
   font-weight: 300;
   }
   #leads-table_wrapper .dt-buttons{
   display: none !important;
   }
   

.show_bord h4,.show_bord{margin:0;padding:0px!important;}

.divbox{margin-top:25px;}
.col-md-12.show_bord h4 {
    background: #5ce45c;
    color: #fff;
    padding: 15px 0!important;
}
.col-md-12.show_bord h2 {
    background: #5ce45c;
    padding: 16px 0!important;
    margin: 0px;
    color: #fff;
}
.col-md-12.show_bord.first h4 {
    background: #999eff;
    color: #fff;
    padding: 15px 0!important;
}
.col-md-12.show_bord.first h2 {
    background: #999eff;
    padding: 16px 0!important;
    margin: 0px;
    color: #fff;
}
.col-md-12.show_bord.three h4 {
    background:#ffbc75;
    color: #fff;
    padding: 15px 0!important;
}
.col-md-12.show_bord.three h2 {
    background: #ffbc75;
    padding: 16px 0!important;
    margin: 0px;
    color: #fff;
}


</style>
@endpush
<div class="row">
   <div class="col-md-12">
      <div class="white-box">
         @section('filter-section')
         <div class="row" id="ticket-filters">
            <form action="" id="filter-form">
               <div class="col-md-12">
                  <h5 >@lang('app.selectDateRange')</h5>
                  <div class="input-daterange input-group" id="date-range">
                     <input type="text" class="form-control" id="start-date" placeholder="@lang('app.startDate')"
                        value="{{$fromDate}}"/>
                     <span class="input-group-addon bg-info b-0 text-white">@lang('app.to')</span>
                     <input type="text" class="form-control" id="end-date" placeholder="@lang('app.endDate')"
                        value="{{$toDate}}"/>
                  </div>
               </div>
               <div class="col-md-12">
                  <div class="form-group">
                     <label class="control-label">@lang('modules.lead.leadSource')</label>
                     <select class="select2 form-control" data-placeholder="@lang('modules.lead.leadSource')" id="source_id" value="">
                        <option selected value="all">@lang('app.all')</option>
                        @foreach($lead_sources as $source)
                        <option value="{{ $source->id }}">{{ $source->type }}</option>
                        @endforeach
                     </select>
                  </div>
               </div>
               <div class="col-md-12">
                  <h5>Sales Executive </h5>
                  <div class="form-group">
                     <div>
                        <select class="select2 selectpicker form-control"  data-placeholder="@lang('modules.tickets.chooseAgents')" id="agent_id" name="agent_id" value="">
                           <option value="all">@lang('modules.lead.all')</option>
                           @foreach($leadAgents as $value)
                           <option   value="{{ $value->id }}">{{ ucwords($value->user->name) }} @if($value->user->id == $value->id)
                              (YOU) @endif
                           </option>
                           @endforeach
                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-md-12">
                  <h5>Lead Executive </h5>
                  <div class="form-group">
                     <div>
                      @if($user->email == 'vivek.kerni@itechnolabs.biz' || 'ankita.thapa@itechnolabs.biz')
                        <select class="select2 selectpicker form-control"  data-placeholder="@lang('modules.tickets.chooseAgents')" id="client_id" name="client_id" value="">
                          @else
                          <select class="select2 selectpicker form-control" disabled data-placeholder="@lang('modules.tickets.chooseAgents')" id="client_id" name="client_id" value="">
                          @endif
                           <option value="all">@lang('modules.lead.all')</option>
                           @foreach($leadAgents as $value)
                           <option selected value="{{ $value->id }}">{{ ucwords($value->user->name) }} @if($value->user->id == $value->id)
                              (YOU) @endif
                           </option>
                           @endforeach
                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-md-12">
                  <h5 >Status</h5>
                  <div class="form-group">
                     <div>
                        <select name="status" id="status_id" class="select2 form-control" value="">
                           <option value="all">@lang('modules.lead.all')</option>
                           @foreach($status as $sts)
                           <option value="{{ $sts->id }}"> {{ $sts->type }}</option>
                           @endforeach
                        </select>
                     </div>
                  </div>
               </div>
               <div class="col-md-12 ">
          <div class="form-group">
            <label class="">Client Name</label>
            <input type="text" name="name" id="name"  class="form-control">
          </div>
        </div>
           <div class="col-md-12 ">
          <div class="form-group">
            <label class="">Job Title</label>
            <input type="text" name="jobtitle" id="jobtitle"  class="form-control">
          </div>
        </div>

               <div class="col-md-12">
                  <div class="form-group m-t-10">
                     <button type="button" id="apply-filters" class="themeBtn"> @lang('app.apply')</button>
                     <button type="button" id="reset-filters" class="themeBtnOutline">@lang('app.reset')</button>
                  </div>
               </div>
            </form>
         </div>
         @endsection
      </div>
   </div>
</div>