@extends('layouts.app')

@section('content')
@php
  $userRole = \Session::get('role');
  $userPermission = \Session::get('userPermission');
@endphp
<div class="nk-block-head nk-block-head-sm">
  <div class="nk-block-between">
    <div class="nk-block-head-content">
      <h3 class="nk-block-title page-title">Campaigns</h3>
      <p>You have total <span class="record_count">0</span> campaigns.</p>
    </div><!-- .nk-block-head-content -->
    <div class="nk-block-head-content">
      <div class="toggle-wrap nk-block-tools-toggle">
        <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="more-options"><em
            class="icon ni ni-more-v"></em></a>
        <div class="toggle-expand-content" data-content="more-options">
          <ul class="nk-block-tools g-3">

            <li>
              <a href="#" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="modal" title="filter"
                data-target="#modalFilterUser">
                <div class="dot dot-primary"></div>
                <em class="icon ni ni-filter-alt"></em>
              </a>
            </li>
            <li>

              @if($userRole != 'rsm' && $userRole != 'asm' && $userRole != 'regional_coordinator' && $userRole !=
              'head_office')
              <div class="dropdown">
                <a href="#" class="btn btn-trigger btn-icon dropdown-toggle" data-toggle="dropdown">
                  <em class="icon ni ni-setting"></em>
                </a>
                <div class="dropdown-menu dropdown-menu-xs dropdown-menu-right">
                  <ul class="link-check">
                    <li><span>Actions</span></li>
                    <li><a href="javascript::void(0)" data-href="{{ url('campaign/export') }}" class="export_data"><em
                          class="icon ni ni-download m-r10"></em> Export</a></li>
                  </ul>
                </div>
              </div>
              @endif
            </li>
            @if(isset($userPermission['create-campaign']))
            <li class="nk-block-tools-opt">
              <a href="{{url('/campaign/create')}}" class="btn btn-primary d-none d-md-inline-flex"><em
                  class="icon ni ni-plus"></em><span>Create Campaign</span></a>
            </li>
            @endif
          </ul>
        </div>
      </div>
    </div>
  </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="nk-block table-compact">
  <!--  Filter Tag List -->
  <div id="filter_tag_list" class="filter-tag-list"></div>
  <!-- -->
  <div class="nk-tb-list is-separate mb-3">
    <table class="broadcast-init nowrap nk-tb-list is-separate" data-auto-responsive="false">
      <thead>
        <tr class="nk-tb-item nk-tb-head">
          <th class="nk-tb-col tb-col-mb"><span class="sub-text">S No</span></th>
          <th class="nk-tb-col tb-col-mb"><span class="sub-text">Campaign Name</span></th>
          <th class="nk-tb-col tb-col-mb"><span class="sub-text">Domain Type</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Quarter/Year</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Total Customers</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Verified Customers</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Not-Verified Customers</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Collected Response</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Response Rate</span></th>
          <th class="nk-tb-col tb-col-mb"><span class="sub-text">Start Date</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">End Date</span></th>
          <th class="nk-tb-col tb-col-md"><span class="sub-text">Status</span></th>
          <th class="nk-tb-col nk-tb-col-tools text-right w-1" nowrap="true">
            <span class="sub-text">Action</span>
          </th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>
</div><!-- .nk-block -->
<div class="modal fade zoom" tabindex="-1" id="modalFilterUser">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Filter</h5>
        <a href="#" class="close" data-dismiss="modal" aria-label="Close">
          <em class="icon ni ni-cross"></em>
        </a>
      </div>
      <form role="form" class="mb-0" method="get" action="#">
        @csrf
        <div class="modal-body modal-body-lg">
          <div class="gy-3">
            <div class="row g-3 align-center">
              <div class="col-lg-5">
                <x-inputs.verticalFormLabel label="Domain Type" for="surveyTtype"
                  suggestion="Specify the domain type" />
              </div>
              <div class="col-lg-7">
                <select class="form-select form-select-sm" data-search="off" data-placeholder="Select Domain Type"
                  multiple name="surveyTtype[]" id="surveyTtype">
                  <option disabled></option>
                  @foreach($surveyType as $type)
                  <option value="{{$type->id}}">{{$type->name}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="row g-3 align-center">
              <div class="col-lg-5">
                <x-inputs.verticalFormLabel label="Campaign Status" for="campaignStatus"
                  suggestion="Specify the campaign status" />
              </div>
              <div class="col-lg-7">
                <select class="form-select form-select-sm" data-search="off" data-placeholder="Select Status" multiple name="campaignStatus[]" id="campaignStatus">
                  <option disabled></option>
                  @foreach($campaignStatus as $status)
                  <option value="{{$status}}">{{$status}}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="row g-3 align-center">
              <div class="col-lg-5">
                <x-inputs.verticalFormLabel label="Quarter" for="quarter" suggestion="Specify the quarter." />
              </div>
              <div class="col-lg-7">
                <select class="form-select form-select-sm" data-search="off" data-placeholder="Select Quarter" multiple
                  name="quarter[]" id="campaignQuarter">
                  <option value=""></option>
                  @foreach(\Config::get('constants.QUARTER') as $quarter)
                  <option @if(isset($survey_detail) && $survey_detail->quarter==$quarter) selected @endif value="{{$quarter}}">{{$quarter}}</option>
                  @endforeach
              </select>
              </div>
            </div>
            <div class="row g-3 align-center">
              <div class="col-lg-5">
                <x-inputs.verticalFormLabel label="Year" for="year"
                  suggestion="Specify the domain type" />
              </div>
              <div class="col-lg-7">
              @php
                  $currentYear = date('Y');
                  $startYear = $currentYear - 2;
                  $endYear = $currentYear + 2;
              @endphp
                <select class="form-select form-select-sm" data-search="off" data-placeholder="Select Year"
                  multiple name="year[]" id="year">
                  <option disabled></option>
                  @for ($year = $startYear; $year <= $endYear; $year++)
                      @php $nxtYear = $year.'-'.substr($year + 1, -2); @endphp
                      <option value="{{ $nxtYear }}">
                          {{ $nxtYear }}
                      </option>
                  @endfor
                </select>
              </div>
            </div>
          </div>
        </div>
        <input type="hidden" id="userId" name="user_id" value="0">
        <div class="modal-footer bg-light">
          <div class="row">
            <div class="col-lg-12 p-0 text-right">
              <button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Cancel</button>
              <button class="btn btn-danger resetFilter" data-dismiss="modal" aria-label="Close">Clear Filter</button>
              <button class="btn btn-primary submitBtn" type="button">Submit</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade zoom" tabindex="-1" id="modalUserPassword">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Update Password</h5>
        <a href="#" class="close" data-dismiss="modal" aria-label="Close">
          <em class="icon ni ni-cross"></em>
        </a>
      </div>
      <form role="form" class="mb-0" method="post" action="{{ url('user/update-user-password') }}">
        @csrf
        <div class="modal-body modal-body-lg">
          <div class="gy-3">
            <div class="row g-3 align-center">
              <div class="col-lg-5">
                <x-inputs.verticalFormLabel label="New Password" for="newPassword"
                  suggestion="Specify the new password the user." />
              </div>
              <div class="col-lg-7">
                <x-inputs.password value="" for="newPassword" icon="lock-alt" placeholder="New Password"
                  name="newPassword" />
              </div>
            </div>
          </div>
        </div>
        <input type="hidden" id="password_user_id" name="password_user_id" value="0">
        <div class="modal-footer bg-light">
          <div class="row">
            <div class="col-lg-12 p-0 text-right">
              <button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Cancel</button>
              <button type="submit" class="btn btn-primary" type="button">Submit</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade zoom" tabindex="-1" id="modalLogs">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Audit Logs</h5>
        <a href="#" class="close" data-dismiss="modal" aria-label="Close">
          <em class="icon ni ni-cross"></em>
        </a>
      </div>
      <div class="modal-body modal-body-lg">
        <div class="timeline">
          <ul id="orderLogs" class="timeline-list">
            {{-- <li class="timeline-item">
                                    <div class="timeline-status bg-primary is-outline"></div>
                                    <div class="timeline-date logDate">23 Nov 2020 <em class="icon ni ni-alarm-alt"></em></div>
                                    <div class="timeline-data">
                                        <div class="timeline-des">
                                            <p class="logText">Task created and assigned to Sonu Goyal</p>
                                            <span class="text-muted fs-10px">by <span class="logBy">SIPL ADMIN</span> at <span class="logTime">04:46 PM</span></span>
                                        </div>
                                    </div>
                                </li> --}}
          </ul>
        </div>
      </div>
      <div class="modal-footer bg-light">
        <div class="row">
          <div class="col-lg-12 p-0 text-right">
            <button class="btn btn-outline-light" data-dismiss="modal" aria-label="Close">Close</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
$('.eg-swal-av3').on("click", function(e) {
  Swal.fire({
    title: 'Are you sure?',
    text: "You won't be able to revert this!",
    icon: 'warning',
    showCancelButton: true,
    confirmButtonText: 'Yes, delete it!'
  }).then(function(result) {
    if (result.value) {
      Swal.fire('Deleted!', 'Your file has been deleted.', 'success');
    }
  });
  e.preventDefault();
});
</script>

@endsection
@push('footerScripts')
<script src="{{url('js/tableFlow.js')}}"></script>
<script type="text/javascript">
function updateMassItems() {
  var arr = [];
  $('input.cb-check:checkbox:checked').each(function() {
    arr.push($(this).val());
  });

  var status = $('#mass-status').find(":selected").val();
  if (arr.length == 0) {
    Swal.fire("Please select a buyer first !");
  } else if (status == "") {
    Swal.fire("Please select bulk status !");
  } else {
    var root_url = "