@extends('adminlte::page')

@section('content_header')
<div class="d-flex justify-content-between">
    <div class="col-md-6">
        <h1>Lotes</h1>
    </div>
</div>
@endsection

@section('content')
    <div class="card" :json="[form.setCustomData('cliente_id', {{ session('cliente_id', 0) }}),
                                form.setCustomData('convenio_id', {{ session('convenio_id', 0) }}),
                                form.setCustomData('clientes', {{ $clientes }}),
                                form.setCustomData('convenios', {{ $convenios }})]">
        <div class="card-header">
            <legend>Selecione o cliente e convênio</legend>
            <form class="row mt-2">
                <div class="form-group col-md-6">
                    <label>Cliente</label>
                    <select name="cliente_id" class="form-control" required v-model="form.cliente_id" @change="filtraConvenios">
                        <option :value="null">Selecione</option>
                        <option :value="cliente.id" v-for="cliente in form.clientes">@{{ cliente.nome_fantasia }}</option>
                    </select>
                </div>
                <div class="form-group col-md-6">
                    <label>Convênio</label>
                    <select name="convenio_id" class="form-control" required v-model="form.convenio_id">
                        <option :value="null">Selecione</option>
                        <option :value="convenio.id" v-for="convenio in form.convenios">@{{ convenio.nome_fantasia }}</option>
                    </select>
                </div>

                <div class="form-group col-12">
                    <button type="submit" class="btn btn-info btn-block">
                        <i class="fas fa-search"></i>
                        Selecionar
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection