@extends('layouts.back')
@section('titulo', 'Demonstração do Sistema Gensino')

@section('page_header', 'Painel')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card m-b-20">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Demonstrações</h4>
                    </div>
                    <div class="card-body">
                        <div class="btn-group">
                            @can('create', \App\Cliente::class)
                                <a href="{{ route('demonstracao.create') }}"
                                    class="btn btn-success waves-effect waves-light m-b-10">Novo</a>
                            @endcan
                        </div>

                        <table id="datatable" class="table table-bordered dt-responsive nowrap" cellspacing="0"
                            width="100%">
                            <thead>
                                <tr>
                                    <th class="col-table-id">#</th>
                                    <th>Empresa</th>
                                    <th>Celular</th>
                                    <th>E-mail</th>
                                    <th class="no-sort text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($demonstracoes as $demonstracao)
                                    <tr>
                                        <td data-href="{{ route('demonstracao.edit', $demonstracao->id) }}">
                                            {{ $demonstracao->id }}
                                        </td>

                                        <td data-href="{{ route('demonstracao.edit', $demonstracao->id) }}">
                                            {{ $demonstracao->cliente->fantasia }}
                                        </td>

                                        <td data-href="{{ route('demonstracao.edit', $demonstracao->id) }}">
                                            {{ $demonstracao->cliente->celular }}
                                        </td>

                                        <td data-href="{{ route('demonstracao.edit', $demonstracao->id) }}">
                                            {{ $demonstracao->cliente->email }}
                                        </td>

                                        <td class="text-center">

                                            <div class="btn-group">
                                                <a href="{{ route('demonstrar-sistema', $demonstracao->id) }}"
                                                    class="btn btn-default btn-sm" target="_blank">
                                                    <i class="fa fa-eye" aria-hidden="true">
                                                    </i>
                                                </a>
                                            </div>

                                            <a href="{{ route('demonstracao.edit', $demonstracao->id) }}"
                                                class="btn btn-default btn-sm"><i class="fa fa-pencil"
                                                    aria-hidden="true"></i></a>

                                            <a class="btn btn-default btn-sm btn-deletar waves-effect waves-light sa-warning"
                                                href="javascript:void(0);" data-id="{{ $demonstracao->id }}">
                                                <i class="fa fa-trash" aria-hidden="true"></i>
                                                <form id="item-{{ $demonstracao->id }}"
                                                    action="{{ route('demonstracao.destroy', $demonstracao->id) }}"
                                                    method="post">
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    {!! csrf_field() !!}
                                                </form>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@component('components.outros.configuracao-data-href-index', ['tabela' => 'demo_institutions'])
@endcomponent