@extends('layouts.app')
@section('content')
<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Payment Security
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/home"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Payment Security</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <!-- Main row -->
      <div class="row">
        <div class="col-md-12">
          <div class="box">
            <div class="box-header">
              @if (session('success_message'))
                  <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong>Success!</strong> {{ session('success_message') }}
                  </div>
              @elseif (session('error_message'))
                  <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <strong>Error!</strong> {{ session('error_message') }}
                  </div>
              @endif
            </div>
            <!-- /.box-header -->
            <div class="box-body pad">
              <a href="/payment-security/create" class="btn btn-info">Generate New Payment Security Code</a>
              <br><br>
                <table id="example1" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Booking Reference Number</th>
                            <th>Payment Security Code</th>
                            <th>Date Generated</th>
                            <th>Date Used</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                      @foreach($payment_codes as $payment_code)
                        <tr>
                            <td>{{$payment_code->booking_reference_number}}</td>
                            <td>{{$payment_code->payment_security_code}}</td>
                            <td>{{$payment_code->created_at->format('d M Y - h:i:sa')}}</td>
                            <td>{{$payment_code->updated_at->format('d M Y - h:i:sa')}}</td>
                            <td>
                              @if( $payment_code->status == 1)
                                <span class="badge progress-bar-success">Active</span>
                              @elseif( $payment_code->status == 0)
                              <span class="badge progress-bar-danger">Inactive</span>
                              @endif
                            </td>
                            <td>
                              @if( $payment_code->status == 1)
                                <a href="/payment-security/status/{{$payment_code->id}}" class="btn btn-danger btn-sm">Deactivate</a>
                              @elseif( $payment_code->status == 0)
                              <a href="/payment-security/status/{{$payment_code->id}}" class="btn btn-success btn-sm">Activate</a>
                              @endif
                            </td>
                        </tr>
                      @endforeach
                    </tbody>
                </table>
            </div>
          </div>
        </div>
        <!-- /.col-->
      </div>

    </section>
  </div>
  <!-- /.content-wrapper -->
@endsection