@extends('layouts.app')
@section('content')

<div class="container">

    <div class="card">

        <div class="card-header">
            <div class="row">
                <div class="col-md-10">
                    <form class="input-group" role="form" method="GET" action="{{ route('market.monitors') }}">
                        <div class="col-md-3">
                            <input class="custom-select" style="background:#fff" type="text" placeholder="{{ $filters['string'] == null ? 'pesquisar monitor' : $filters['string'] }}" name="string" value="{{ old('string') }}">
                        </div>

                        <div class="col-md-2">
                            <button type="submit" href="{{ route('monitors') }}" class="btn btn-default btn-sm" style="display: inline-block; height: 36px;">limpar</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>

        <div class="table-responsive table--no-card m-b-30">
            <table class="table table-borderless  table-earning">
                <thead class="card-header">
                    <tr>
                        <td>monitor</td>
                        <td>url</td>
                    </tr>
                </thead>
                <tbody>
                    @foreach($monitors as $monitor)
                    <tr>
                        <td>{{ $monitor->name }}</td>
                        <td> <a href="{{ url('/multimedias/' . $monitor->token) }}" target="_blank">{{ url('/multimedias/' . $monitor->token) }}</a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

    </div>

    <div align="center" style="margin-top:20px">
        {{ $monitors->links() }}
    </div>

    @if(empty($monitors->first()))
    <br>
    <div>
        <table class="table table-bordered" style="width:250px; background-color:#fff">
            <tbody>
                <tr>
                    <td>nenhum resultado encontrado</td>
                </tr>
            </tbody>
        </table>
    </div>
    @endif

</div>

@endsection