@extends('adminlte::page')

@section('content_header')
<div class="d-flex justify-content-between">
    <div class="col-md-6">
        <h1>Guias</h1>
    </div>
    <div class="col-md-6 text-right">
        <button type="button" @click="$refs.modal_importa_pacientes.show();" class="btn btn-outline-success">Importar Pacientes (Excel)</button>
        <button type="button" @click="$refs.modal_importa_guias.show();" class="btn btn-success">Importar Guias (XML)</button>
    </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('tipo_guia', {{ session('tipo_guia', 0) }}),
                                form.setCustomData('clientes', {{ $clientes }}),
                                form.setCustomData('convenios', {{ $convenios }}),
                                form.setCustomData('tipos_guia', '{{ $tipos_guia }}')]">
        <div class="card-header">
            <legend>Selecione o cliente, convênio e tipo de guia</legend>
            <form class="row mt-2">
                <div class="form-group col-md-4">
                    <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-4">
                    <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-md-4">
                    <label>Tipo de Guia</label>
                    <select name="tipo_guia" class="form-control" v-model="form.tipo_guia" required>
                        <option :value="null">Selecione</option>
                        @foreach ($tipos_guia as $tipo)
                            <option value="{{ $tipo->codigo }}">{{ $tipo->codigo }} - {{ $tipo->termo }}</option>
                        @endforeach
                    </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>
    <modal_importa_pacientes
        ref="modal_importa_pacientes"
        csrf="{{ csrf_token() }}"
        :clientes="form.clientes"
        :convenios="form.convenios"
        url="{{ route('clientes.convenios.pacientes.import') }}"></modal_importa_pacientes>
    <modal_importa_guias
        ref="modal_importa_guias"
        csrf="{{ csrf_token() }}"
        competencia="{{ date('m/Y') }}"
        :clientes="form.clientes"
        :convenios="form.convenios"
        url="{{ route('clientes.convenios.guias.import') }}"></modal_importa_guias>
@endsection