@extends('backpack::layout')

@section('header')
    <section class="content-header">
      <h1>
        Registrations
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ url(config('backpack.base.route_prefix', 'admin')) }}">{{ config('backpack.base.project_name') }}</a></li>
      </ol>
    </section>
@endsection


@section('content')
<style type="text/css">
  .margin-top-10px{
    margin-top: 10px;
  }
  .margin-bottom-10px{
    margin-bottom: 10px;
  }
</style>
<link rel="stylesheet" href="{{ asset('/backend/admin_build/css/admin-table-1.css') }}">

    <div class="row">
        <div class="col-md-12">
            <div class="box box-default">
                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th class="row-number">#</th>
                      <th>Event Name</th>
                      <th>Email</th>
                      <th>Name</th>
                      <th>Category</th>
                      <th>Date</th>
                      <th>Time</th>
                      <th>Phone</th>
                    </tr>
                  </thead>

                  <tbody>
                    @foreach($registrations as $row_number => $registration)
                    <tr>
                      <td class="row-number">{{$row_number + $registrations->from_number}}</td>
                      <td>{{$registration->event->name}}</td>
                      <td>{{$registration->email}}</td>
                      <td>{{$registration->name}}</td>
                      <td>{{$registration->category}}</td>
                      <td>{{ArabicTime::generateDateAtUtc($registration->created_at)}}</td>
                      <td>{{$registration->time_slot}}</td>
                      <td>{{$registration->phone}}</td>
                    </tr>
                    @endforeach
                  </tbody>

                </table>

            </div>
        </div>
    </div>
<a href="{{ URL::to('/admin/excel/generate/event_registrations') }}"><button class="btn btn-success">Download Excel </button></a>
    <div class="row">
        <div class="col-md-offset-5 col-md-3">
            {{ $registrations->links() }}
        </div>
    </div>
<script type="text/javascript">
  var el = document.getElementsByClassName('delete-from');
  for (var i = 0; i < el.length; i++) {
      el[i].addEventListener('submit', function(e){
            return (confirm('Are you sure you want to submit this form? This operation is irriversible.'))?true:e.preventDefault();
      }, false);
  }
</script>
@endsection