@extends('adminlte::page')

@section('content_header')
    <h1>Cliente</h1>
    <label>
        <a href="{{ route('clientes.edit', [$cliente->id]) }}">{{ $cliente->nome_fantasia }}</a> >
        <a href="{{ route('clientes.contratos.index', [$cliente->id]) }}">ATD x Cliente</a> >
        {{ $data->id ? $data->numero : 'Novo contrato' }}
    </label>
    <ul class="nav nav-tabs nav-stacked">
        <li class="nav-item">
            <a class="nav-link" href="{{ route('clientes.edit', [$cliente->id]) }}">Dados Cadastrais</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ route('clientes.convenios.index', [$cliente->id]) }}">Prestador x Convênios</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active">Contratos</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ route('clientes.documentos.index', [$cliente->id]) }}">Documentos</a>
        </li>
    </ul>
@endsection

@section('content')
    <div class="card" :json="[form.setData({{ $data }})]">
        <div class="card-body">
            <form @submit.prevent="$refs.submit.submit_form">
                <div class="row">
                    <div class="form-group col-12">
                        <label>Número</label>
                        <input type="number" min="1" class="form-control" v-model="form.data.numero" required/>
                    </div>

                    <div class="form-group col-md-6">
                        <label>Data de Início</label>
                        <the-mask type="tel" class="form-control" mask="##/##/####" v-model="form.data.inicio_formatado" required></the-mask>
                    </div>

                    <div class="form-group col-md-6">
                        <label>Data de Término</label>
                        <the-mask type="tel" class="form-control" mask="##/##/####" v-model="form.data.termino_formatado"></the-mask>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <button type="button" class="btn btn-secondary btn-block" onclick="history.back(-1)">Cancelar</button>
                    </div>
                    <div class="col-md-6">
                        <submit-btn ref="submit" url="{{ route('clientes.contratos.store', [$cliente->id]) }}" >Salvar</submit-btn>
                    </div>
                </div>
            </form>
        </div>
        @if ($servicos)
        <div class="card-body">
            <h1 class="float-left">Serviços</h1>
            <a href="{{ route('clientes.contratos.servicos.create', [$cliente->id, $data->id]) }}"><button class="btn btn-dark float-right">Novo Serviço</button></a>
        </div>
        <div class="card-body table-responsive">
            <table id="table" class="table table-bordered table-hover table-sm">
                <thead>
                    <tr>
                        <th>Serviço</th>
                        <th>Responsável ATD</th>
                        <th>Valor</th>
                        <th width="20px"></th>
                        <th width="20px"></th>
                    </tr>
                </thead>
                <tbody>
                @foreach($servicos as $item)
                    <tr>
                        <td>{{ $item->servico->nome }}</td>
                        <td>{{ $item->usuario->nome }}</td>
                        <td>{{ $item->valor_formatado }}</td>
                        <td>
                            <a href="{{ route('clientes.contratos.servicos.edit', [$cliente->id, $data->id, $item->id]) }}" title="Editar">
                                <button class="btn btn-sm btn-outline-dark"><i class="fas fa-edit"></i></button>
                            </a>
                        </td>
                        <td>
                            @can('delete', $item)
                            <form @submit.prevent="destroy('{{ route('clientes.contratos.servicos.destroy', [$cliente->id, $data->id, $item->id]) }}',$event)"
                                confirm="Você tem certeza que deseja excluir esse termo?" ok="Sim" cancel="Não">
                                @csrf
                                @method('delete')
                                <button class="btn btn-sm btn-outline-danger" title="Excluir">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                            @endcan
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @endif
    </div>
@endsection