@extends('cms.layout.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-header card">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="icofont icofont-link bg-success"></i>
                        <div class="d-inline">
                            <h4>Networks</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{route('cms.dashboard')}}">
                                    <i class="icofont icofont-home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="#!">Networks</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-body">

            <div class="card">
                <div class="card-header">
                    <h5>Network List</h5>
                    <div class="card-header-right">
                        <a href="{{route('cms.networks.add')}}" class="btn btn-sm btn-success"><i class="icofont icofont-plus text-light"></i> </a>
                    </div>
                </div>
                <div class="card-block table-border-style">
                    <div class="table-responsive p-4">
                        <table class="table datatable">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Transactions</th>
                                    <th>Last 30 Days</th>
                                    <th>Last Transaction</th>
                                    <th>Stores</th>
                                    <th>Affilate ID</th>
                                    <th>Sub ID Url Parameter</th>
                                    <th>FMTC Slug</th>
                                    <th>Refresh Interval</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($networks as $network)
                                    <tr>
                                        <td>{{$network->name}}</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>0</td>
                                        <td>{{$network->stores->count()}}</td>
                                        <td>{{$network->affilate_id}}</td>
                                        <td>{{$network->url_parameter}}</td>
                                        <td>{{$network->slug}}</td>
                                        <td>{{$network->refresh}} Minutes</td>
                                        <td>
                                            <a href="{{route('cms.networks.edit' , $network->id)}}" class="btn btn-sm btn-warning"><i class="icofont icofont-ui-edit"></i></a>
                                            <a href="#" class="btn btn-sm btn-danger delete-row" data-href="{{route('cms.networks.delete' , $network->id)}}"><i class="icofont icofont-delete-alt"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('page-script')
    <script>
            $(document).ready( function () {
                $('.datatable').DataTable();
            } );
    </script>
@endsection