{{-- Extends layout --}}
@extends('layout.default')
@section('content')
<style>
.circle { 
   width: 140px;
   height: 140px;
   background: lightgray; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}

.showtime-pill-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.showtime-pill-container {
    margin: 8px;
}
.showtime-pill-container .showtime-pill {
    border: 1px solid #999;
    color: #4abd5d;
    padding: 4px;
    border-radius: 4px;
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    font-size: 80%;
}
.showtime-pill-container .showtime-pill .__details .__text {
    margin: 0 auto;
}
.showtime-pill-container .showtime-pill .__details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 2px;
    height: 14px;
}

.oval {
 background-color: ghostwhite;
}

.seat {
  
}

.seat.selected {
  
}

.seat.occupied {
  
}

.seata {
    display: inline-block;
    font-size: 10px;
    line-height: 25px;
    font-weight: 400;
    background: #fff;
    vertical-align: top;

    border: 1px solid #1ea83c;

    width: 25px;
    height: 25px;
    border-radius: 2px;
    color: #1ea83c;
    text-align: center;
    font-size: 10px;
}

a._available {
    display: inline-block;
    font-size: 11px;
    line-height: 25px;
    font-weight: 400;
    background: #fff;
    vertical-align: top;

    border: 1px solid #1ea83c;

    width: 25px;
    height: 25px;
    border-radius: 2px;
    color: #1ea83c;
    text-align: center;
    font-size: 11px;
}

a._available:hover {
  background-color: yellow;
}

a._blocked {

    display: inline-block;
    font-size: 11px;
    line-height: 25px;
    font-weight: 400;
    background: #fff;
    vertical-align: top;

    border: 1px solid grey;

    width: 25px;
    height: 25px;
    border-radius: 2px;
    color: #1ea83c;
    text-align: center;
    font-size: 11px;

    background: #eee!important;
    cursor: default;
    color: #fff!important;
}

a._selected {
    display: inline-block;
    font-size: 11px;
    line-height: 25px;
    font-weight: 400;
    vertical-align: top;


    width: 25px;
    height: 25px;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;

    color: #fff;
    background-color: #1ea83c!important;
    border-color: #1ea83c;
}

td {
    padding:  10px 5px 5px 5px !important;
}

</style>
<div class="container-fluid">
    <div class="page-titles">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Sales</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Pending Tickets</a></li>
        </ol>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-primary">
                    <div class="card-body">
                        <div class="default-tab">
                            <div class="tab-content">
                                <div class="tab-pane active" id="listorgdata">
                                    <div class="table-responsive">
                                        <table class="display" style="width:100%" id="feewaiver_list">
                                            <thead class="thead-info">
                                                <tr>
                                                    <th>Sl No</th>
                                                    <th>Show Date</th>
                                                    <th>Payment Method</th>
                                                    <th>Name</th>
                                                    <th>Phone Number</th>
                                                    <th>Request Initiator</th>
                                                    <th>Amount</th>
                                                    <th>Status</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php
                                                    $n = 0;
                                                    //dd($feewaiver_status);
                                                @endphp
                                                @foreach($pending_ticket_lists as $pending_ticket)
                                                    @php
                                                        $n++;
                                                    @endphp
                                                    <tr>
                                                        <td>{{$n}}</td>
                                                        <td>{{date("d-M-Y", strtotime($pending_ticket->invoice->show_date))}}</td>
                                                        <td>
                                                            @if(isset($pending_ticket->invoice->payment_method))
                                                                {{$pending_ticket->invoice->paymentmethod->method}}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if(isset($pending_ticket->invoice->visitor_name))
                                                                {{$pending_ticket->invoice->visitor_name}}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if(isset($pending_ticket->invoice->visitor_phone_number))
                                                                {{$pending_ticket->invoice->visitor_phone_number}}
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if(isset($pending_ticket->request_user_id))
                                                                {{$pending_ticket->requestuser->name}}
                                                            @endif
                                                        </td>
                                                        <td style="text-align: center;"><i class='fa fa-rupee'></i>{{$pending_ticket->invoice->amount}}</td>
                                                        <td>
                                                            @if($pending_ticket->approve_flag==1)
                                                                @php echo "Approved"; @endphp
                                                            @elseif ($pending_ticket->approve_flag==2)
                                                                @php echo "Rejected"; @endphp
                                                            @else
                                                                @php echo "Approval Pending"; @endphp
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <form class="form-horizontal" action="{{URL::to('/ticket_invoicedetails')}}" method="post">
                                                                {{ csrf_field() }}
                                                                <input type="hidden" name="invoice_id" id="invoice_id" value="{{$pending_ticket->invoice_id}}">
                                                                <button type="submit" class="btn btn-info btn-xs">View</a></button>
                                                            </form> 
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row modal-dialog modal-dialog-centered" id="spinnerdiv" style="display: none;">
                                    <div class="col-xl-12" style="text-align: center;">
                                        <div class="spinner-border"></div>
                                        <h3>Please wait while we load</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="application/javascript">
    $(document).ready(function () 
    {
        var table = $('#feewaiver_list').DataTable({
                pageLength : 50,
                createdRow: function ( row, data, index ) {
                   $(row).addClass('selected')
                } 
            });
              
            table.on('click', 'tbody tr', function() {
            var $row = table.row(this).nodes().to$();
            var hasClass = $row.hasClass('selected');
            if (hasClass) {
                $row.removeClass('selected')
            } else {
                $row.addClass('selected')
            }
            })
            
            table.rows().every(function() {
            this.nodes().to$().removeClass('selected')
            });
    });
    $(document).ready(function () 
    {
        var table = $('#feewaiver_approval_list').DataTable({
               
                createdRow: function ( row, data, index ) {
                   $(row).addClass('selected')
                } 
            });
              
            table.on('click', 'tbody tr', function() {
            var $row = table.row(this).nodes().to$();
            var hasClass = $row.hasClass('selected');
            if (hasClass) {
                $row.removeClass('selected')
            } else {
                $row.addClass('selected')
            }
            })
            
            table.rows().every(function() {
            this.nodes().to$().removeClass('selected')
            });
    });
</script>
@stop