@extends('admin.layouts.app')
@section('title', 'Transactions')
@section('content')
@include('admin.includes.alerts')
    <style>
        @import url('https://fonts.googleapis.com/css?family=Raleway:500');
        .main-search-input {
            margin: 20px auto;
            border-radius: 50px;
            max-width:1000px;
            width: 100%;
            background-color: #fff;
            box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            padding: 9px;
            max-height: 68px;
        }
        .main-search-input-item {
            flex: 1;
            border-right: 1px solid #e9e9e9;
            margin-top: 3px;
            position: relative;
            padding-left: 30px;
            padding-right: 30px;
        }
        .main-search-input .main-search-input-item:nth-last-child(2) {
            border-right: 0;
            padding-left: 15px;
            padding-right: 15px;
        }
        .main-search-input input, .main-search-input input:focus {
            font-size: 16px;
            border: 0;
            background: #fff;
            margin: 0;
            padding: 0;
            height: 44px;
            line-height: 44px;
            box-shadow: none;
            max-width: 100%;
            width: 100%;
            font-family: 'Raleway', sans-serif;
            outline:none !important;
        }
        .main-search-input select {
            border: 0;
            padding-top: 2px;
            padding-bottom: 0;
            height: 44px;
            box-shadow: none;
            max-width: 100%;
            font-size: 16px;
            width: 100%;
            font-family: 'Raleway', sans-serif;
            outline:none !important;
        }
        .main-search-input button.button {
            font-family: 'Raleway', sans-serif;
            font-size: 16px;
            font-weight: 500;
            padding: 0 40px;
            margin-right: 1px;
            height: 50px;
            outline: 0;
            background-color: #f91942;
            color: #fff;
            position: relative;
            overflow: hidden;
            border: 0;
            border-radius: 50px;
        }
    </style>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <table style="width: 100%;" class="table table-responsive table-hover table-striped table-bordered">
                <div class="main-search-input">

                    <form action="{{url('/search-transactions')}}" method="get" role="search" >
                        <div class="main-search-input-item">
                            <input type="text" name="search" placeholder="Search for Transaction?">
                        </div>
                        <button style="background: #1b6d85" class="button" type="submit" >Search</button>
                        <button style="margin-left: 5px;" class="button" href="{{ url('/transactions') }}">Refresh</button>
                    </form>
                </div>

                <thead>
                <tr>
                    <th width="2%">SN</th>
                    <th width="8%">Item</th>
                    <th width="3%">Type</th>
                    <th width="8%">Control#</th>
                    <th width=8%">Mobile</th>
                    <th width="3%">Channel</th>
                    <th width=5%">Status</th>
                    <th width="3%">Code</th>
                    <th width="4%">Credit</th>
                    <th width="4%">Debit</th>
                    <th width="6%">Reference</th>
                    <th width="7%">Receipt</th>
                    <th width="9%">Response</th>
                    <th width="9%">Request</th>
                    <th width="7%">Company</th>
                    <th width="7%">Updated</th>
                    <th width="6%">Action</th>
                </tr>
                </thead>
                <tbody>
                @if(count($transactions) > 0)
                @foreach($transactions as $index => $txn)
                    <tr>
                        <td width="2%">{{$index + $transactions->firstItem()}}</td>
                        <td width="8%">{{$txn->full_name}}</td>
                        <td width="3%">
                            @if($txn->item_type == 1)
                                <span class="mb-2 mr-2 badge badge-primary">Ticket</span>
                            @elseif($txn->item_type == 2)
                                <span class="mb-2 mr-2 badge badge-dark">Parcel</span>
                            @endif
                        </td>
                        <td width="8%">{{$txn->ref_code}}</td>
                        <td width="8%">{{!empty($txn->msisdn) ? $txn->msisdn:'N/A'}}</td>
                        <td width="3%">
                            @if($txn->channel == "POS")
                                <span class="mb-2 mr-2 badge badge-focus">POS</span>
                            @elseif($txn->channel == "WEB")
                                <span class="mb-2 mr-2 badge badge-pulse">WEB</span>
                                @else
                                <span class="mb-2 mr-2 badge badge-pulse">{{ $txn->channel }}</span>
                            @endif
                        </td>
                        <td width="5%">
                            @if($txn->txn_status == "NOT PAID YET")
                                <span class="mb-2 mr-2 badge badge-warning">NOT PAID YET</span>
                            @elseif($txn->txn_status == "PAID CASH" || $txn->txn_status == "CASH")
                                <span class="mb-2 mr-2 badge badge-success">PAID CASH</span>
                            @elseif($txn->txn_status == "PAID ONLINE")
                                <span class="mb-2 mr-2 badge badge-info">PAID ONLINE</span>
                            @elseif($txn->txn_status == "Ticket Cancelled" || $txn->txn_status == "CANCELLED")
                                <span class="mb-2 mr-2 badge badge-danger">CANCELLED</span>
                            @elseif($txn->txn_status == "INVOICE")
                                <span class="mb-2 mr-2 badge badge-info">INVOICE</span>
                            @else
                                <span class="mb-2 mr-2 badge badge-primary">PENDING</span>
                            @endif
                        </td>
                        <td width="3%">{{$txn->resp_code}}</td>
                        <td width="4%">{{!empty($txn->amount_in) ? $txn->amount_in:'0'}}</td>
                        <td width="4%">{{!empty($txn->amount_out) ? $txn->amount_out:'0'}}</td>
                        <td width="6%">{{$txn->txn_token}}</td>
                        <td width="7%">
                        @if($txn->receipt != NULL)
                                {{$txn->receipt}}
                            @else
                                {{$txn->transactionID}}
                            @endif
                        </td>
                        <td width="9%">{{!empty($txn->response) ? $txn->response:''}}</td>
                        <td width="9%">{{!empty($txn->request) ? $txn->request:''}}</td>
                        <td width="7%">{{!empty($txn->company) ? $txn->company:\App\Models\Company::where(['id' => $txn->company_id])->first()->name }}</td>
                        <td width="7%">{{$txn->updated_at}}</td>
                        <td width="6%">
                            <a href="#"
                               class="btn-icon btn-icon-only btn btn-alternate btn-sm"><i
                                    class="fa fa-eye btn-icon-wrapper"> </i></a>
                        </td>
                    </tr>
                @endforeach
                    @else
                <tr>
                    <td colspan="4"></td>
                    <td colspan="11">No Transaction record(s) to display for Now !!!</td>
                </tr>
                @endif
                </tbody>
            </table>
            {{ $transactions->links() }}
        </div>
    </div>
@endsection