@extends('adminlte::page')

@section('content_header')
    <h1>Lote {{ $data->id }} > <small>{{ $data->cliente->nome_fantasia }} > {{ $data->convenio->nome_fantasia }}</small></h1>
@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-md-6">
                        <label>Mês e Ano da Competência</label>
                        <div class="input-group">
                            <select class="form-control" v-model="form.data.mes_competencia" required>
                                <option :value="i" v-for="i in 12" :key="i" v-html="i"></option>
                            </select>
                            <input type="tel" class="form-control" v-model="form.data.ano_competencia" required/>
                        </div>
                    </div>

                    <div class="form-group col-md-6">
                        <label>Nº Protocolo</label>
                        <input type="text" class="form-control" v-model="form.data.protocolo" />
                    </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('lotes.store') }}" >Salvar</submit-btn>
                    </div>
                </div>
            </form>
        </div>
    </div>

@endsection