@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    sms log
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/vendors/datatables/css/dataTables.bootstrap.css') }}"/>
    <link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css"/>
@stop

{{-- Page content --}}
@section('content')
    <section class="content-header">
        <h1>SMS Log</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('admin.dashboard') }}">
                    <i class="livicon" data-name="home" data-size="14" data-color="#000"></i>
                    Dashboard
                </a>
            </li>

            <li class="active">SMS Log</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content paddingleft_right15">
        <div class="row">
            <div class="panel panel-success ">

                <div class="panel-heading clearfix">
                    <h4 class="panel-title pull-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    SMS Log
                    </h4>
                </div>
               
                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-bordered width100" id="smstable" >
                            <thead>
                            <tr class="filters">
                                <th>Customer Name</th>
                                <th>Transaction ID</th>
                                <th>Message</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($api_logs as $api_log)
                                <tr>
                                    <td>{!! $api_log->customer->full_name !!}</td>
                                    <td>{!! $api_log->transaction_id !!}</td>
                                    <td>{!! $api_log->message !!}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>    <!-- row-->
    </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
    <script>
        $(function() {
            var table = $('#smstable').DataTable({
                processing: true
              
            });
        });
      
    </script>
@stop