@extends('backend.layouts.emaillayout')
@section('content')
<main id="main" class="main">
  <!-- destination Section -->
  <section class="flights-section inner-page-section bg-backin">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center">
          <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">Dashboard</li>
              <li class="breadcrumb-item active" aria-current="page">Responses</li>
            </ol>
          </nav>
        </div>
        <div class="col-12 ">
          <h1 class="heading mb-4">Responses</h1>
        </div>
      </div>
      @if(session()->has('success'))
      <div class="alert alert-success">
        {{ session()->get('success') }}
      </div>
      @endif

      @if(session()->has('error'))
      <div class="alert alert-error">
        {{ session()->get('error') }}
      </div>
      @endif

      
      <div class="flights-details career-details1 career-search">
        <div class="row align-items-center ">

          <form class="" action="{{ route('admin.response')}} " method="GET">
            <div class="row align-items-center">

              <div class="col-12 col-md-6 col-lg-3 ser-col2">
                <div class="text from-too">
                  <div class="form-group grouping">
                    <input type="text" class="form-control" placeholder="Enter Name" name="search" id="search" @isset($sort_search) value="{{ $sort_search }}" @endisset />
                  </div>
                </div>
              </div>

              <div class="col-12 col-md-6 col-lg-3 ser-col2">
                <div class="text from-too">
                  <div class="form-group grouping">
                    <select class="form-control" name="invitation" id="invitation">
                          <option value="">Select Invitaion</option>
                          @foreach($invitations as $key => $invitation)
                          <option value="{{ $invitation->page_id }}" {{ request('invitation') == $invitation->page_id ? 'selected' : '' }}>
                              {{ $invitation->invitation_name }}
                          </option>
                          @endforeach
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-6 col-md-3 col-lg-2 ser-col3">
                <div class="package text-center">
                  <input type="submit" class="button" value="Submit">  
                  <!-- <a href="{{ route('admin.response') }}" class="button">Reset</a> -->
                </div>
              </div>

              <div class="col-6 col-md-3 col-lg-2 ser-col3">
                <div class="package text-center">
                  <a href="{{ route('admin.response') }}" class="button">Reset</a>
                </div>
              </div>

              <div class="col-6 col-md-3 col-lg-2 ser-col3">
                <div class="package text-center">
                  <input type="submit" class="button" name="export" value="Export"> 
                </div>
              </div>
              
            </div>
          </form>
        </div>
      </div>
      <div class="career-data-panel table-responsive">
        <table cellpadding="0" cellspacing="0" class="table table-striped career-data-table">
          <thead>
            <tr>
              <th class="jb">ID</th>
              <th class="Invitation">Invitation</th>
              <th class="First">First Name</th>
              <th class="Last">Last Name</th>
              <th class="Mobile">Mobile</th>
              <th class="ac">Action</th>
            </tr>
          </thead>
          <tbody>
          @if (count($responses)> 0)
              @foreach($responses as $key => $response)
                <tr>
                  <td data-label="id">{{$response->id}}</td>
                  <td data-label="id">{{$response->invitation_name}}</td>
                  <td data-label="firstname">{!! $response->firstname !!}</td>
                  <td data-label="lastname" >{{ $response->lastname }}</td>
                  <td data-label="mobileno">{{$response->mobileno}}</td>
                  <td data-label="Action">
                      <a class="ac-lft" href="{{route('admin.response.view',['id'=>$response->id])}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
                          <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
                          <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
                        </svg>
                      </a>
                  </td>
                </tr>
           @endforeach
           @else
                <tr>
                  <td data-label="id">
                      Invitation Response Data Not Found !!
                  </td>
                </tr>
           @endif
          </tbody>
        </table>
      </div>
      <div class="aiz-pagination">
        {{ $responses->appends(request()->query())->links() }}
      </div>
  </section>

</main>
@endsection