@extends('dashboard.dashboard_layouts.dashboard_master')

@section('admin_dashboard_title')
    Polling
@endsection


@section('admin_dashboard_css')
    <link href="{{ asset('assets/plugins/amazeui-datetimepicker/css/amazeui.datetimepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/pickerjs/picker.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
    
@endsection
@section('admin_dashboard_content')
<div class="content dashboard-content h-100">
    <div class="breadcrumbs-wrap my-3 bg-white">
      <a href="{{ url('client/dashboard') }}">dashboard</a> <i>&gt;</i>
      <a href="{{ url('poll/index') }}">polling</a> <i>&gt;</i>
      <span>draft polls</span>
    </div>
    <div class="content-wrap">
      <div class="polling-wrap">
        <div class="row">
          <div class="col-lg-6">
            <h1 class="mb-2">draft polls</h1>
          </div>
          <div class="col-lg-6 text-end">
            <div class="searc-from-poll text-end">
              <label for="">Search List</label>
              <form action="">
                <input type="search" placeholder="campaign name..." />
                <img src="{{ asset('assets/images/icon-search.svg') }}" alt="" />
              </form>
            </div>
          </div>
          <div class="col-12 mt-4 pt-3">
            <div class="table-responsive">
              <table class="table">
                <thead>
                  <tr>
                    <th></th>
                    <th>survey</th>
                    <th>date</th>
                    <th>questions</th>
                    <th>action</th>
                  </tr>
                </thead>
                <tbody>
                    @if (count($pollinglists) > 0)
                        @foreach ($pollinglists as $key => $poll)
                            <tr>
                                <td>{{ $key + 1 }}. </td>
                                <td>{{ $poll->polling_name }}</td>
                                <td>{{ date('M d, Y', strtotime($poll->poll_closing_date)) }}
                                </td>
                                <td>10</td>
                                <td><a href="#" class="btn btn-danger"
                                        style="text-decoration: none !important;vertical-align: middle !important;cursor: pointer !important; user-select: none !important;">Delete
                                        <img src="{{ asset('assets/v7-figma/images/trash-bin.svg') }}"
                                            alt="trash"></a></td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="5" class="text-center">
                                <p
                                    style="margin-top:10px;margin-bottom:-8px; ">
                                    No Data Found</p>
                            </td>
                        </tr>
                    @endif
                </tbody>
              </table>
            </div>
            <div class="showing-sec">
              <div class="row justify-content-between">
                <div class="col-lg-6 my-auto">
                  <h5>Showing {{ $pollinglists->firstItem() }} -
                    {{ $pollinglists->lastItem() }} of
                    {{ $pollinglists->total() }} entries</h5>
                </div>
                <div class="col-lg-6 text-end">
                    @if ($pollinglists->onFirstPage())
                    <a href="javascript:void(0)"
                        class="change-btn prev-btn"><img
                            src="{{ asset('assets/v7-figma/images/prev-icon.svg') }}"
                            alt="prev"></a>
                    @else
                        <a href="{{ $pollinglists->previousPageUrl() }}"
                            class="change-btn prev-btn"><img
                                src="{{ asset('assets/v7-figma/images/prev-icon.svg') }}"
                                alt="prev"></a>
                    @endif

                    @if ($pollinglists->hasMorePages())
                        <a href="{{ $pollinglists->nextPageUrl() }}"
                            class="change-btn next-btn"><img
                                src="{{ asset('assets/v7-figma/images/next-icon.svg') }}"
                                alt="next"></a>
                    @else
                        <a href="javascript:void(0)"
                            class="change-btn next-btn"><img
                                src="{{ asset('assets/v7-figma/images/next-icon.svg') }}"
                                alt="next"></a>
                    @endif
                  {{-- <div class="change-btn prev-btn">
                    <img src="{{ asset('assets/images/icon-prev.svg') }}" alt="" />
                  </div>
                  <div class="change-btn next-btn">
                    <img src="{{ asset('assets/images/icon-next.svg') }}" alt="" />
                  </div> --}}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('admin_dashboard_content')
@endsection