@extends('layouts.app')

@section('title', 'Informações - Especificações')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
</style>
<header class="page-header">
    <h2>Informações</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><span>Produtos</span></li>
            <li><a href="{{ route('especificacoes.index') }}">Especificações</a></li>
            <li><span>Sub especificações</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <div class="col-md-6">
                    <h4><span>Cód: {{ $especificacao->cd_especificacao }}</span> <span> Especificação: {{ $especificacao->ds_especificacao }}</span></h4>
                </div>
                <div class="col-md-6 text-right">
                    <a href="{{ route('especificacoes.index') }}" class="btn btn-default">
                        <i class="fa fa-arrow-left fa-fw"></i>
                        Voltar
                    </a>
                    <button type="button" class="btn btn-info modal-call" data-id="0#{{ $especificacao->id }}" data-width="modal-lg" data-url="{{ route('subespecificacoes.modal.create-edit') }}">
                        <i class="fa fa-plus fa-fw"></i>
                        Cadastrar sub-especificação
                    </button>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div id="tableEspecificacoes">
                <table id="dataTableEspecificacoes" class="table table-no-more table-striped table-striped">
                    <thead>
                        <tr>
                            <th>Cód.</th>
                            <th>Sub Especificação</th>
                            <th width="11%">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            @forelse ($subespecificacao as $item)
                            <td>{{ $item->cd_subespecificacao }}</td>
                            <td>{{ $item->ds_subespecificacao }}</td>
                            <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-info btn-sm modal-call" data-id="{{ $item->id }}#{{ $especificacao->id }}" data-width="modal-lg" data-url="{{ route('subespecificacoes.modal.create-edit') }}" title="Editar informações">
                                        <i class="fa fa-pencil fa-fw"></i>
                                    </button>
                                    <button class="btn btn-danger btn-sm modal-call" data-id="{{ $item->id }}#Subespecificacao#{{ route('layouts.modal.destroy') }}#S" data-width="modal-md" data-url="{{ route('layouts.modal.destroy') }}" title="Remover registro">
                                        <i class="fa fa-trash-o fa-fw"></i>
                                    </button>
                                </div>
                            </td>
                            @empty
                            <tr>
                                <td colspan="3" class="text-center text-bold">Nenhum registro encontrado</td>
                            </tr>
                            @endforelse
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection