@extends('layouts.master')
@section('content')
<div class="row">
<div class="col-12">
    <div class="card">
        <div class="card-header ">
            <h3 class="card-title ">Shortlinks</h3>
            <div class="card-options">              
                &nbsp;&nbsp;&nbsp;<a href="{{ url()->previous() }}" class="btn btn-sm btn-outline-primary"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Go To Back"><i class="fa fa-mail-reply"></i></a>
         
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th scope="col" width="5%">#</th>
                            <th scope="col">Link</th>
                            <th scope="col">Short Link</th>
                            <th scope="col">Created Date</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($shortlinks as $key => $rows)
                        <tr>
                            <td>{!! $key+1 !!}</td>
                            <td>{!! $rows->link !!}</td>
                            <td>{!! $rows->code !!}</td>
                            <td>{!! $rows->created_at !!}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection