@extends('layout.backend')

@section('title', 'Nova Instituição')

@section('scripts')
@parent
<script>
var userslist;
var usersfunc;
var hospitalresponsiblehlc;
var hospitalresponsiblepvg;
</script>
@vite(['resources/js/create-hospitals.js'])
<script>
    usersfunc = JSON.parse( {!! "'".$usersfunc."'" !!} );
    userslist = {!! $userslist !!};
    hospitalresponsiblehlc = {!! $hospital_responsible_hlc_id !!};
    hospitalresponsiblepvg = {!! $hospital_responsible_pvg_id !!};
</script>
@endsection

@section('content')
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Hospital / Escola</h6>
    </div>

    {!! Form::open(['id' => 'form-add-hospital', 'url' => route('hospitals.store'), 'autocomplete' => 'off']) !!}
    <div class="card-body">
        @if($errors->any())
        <div class="alert alert-danger alert-errors">
            <div class="mb-3"><strong>ATENÇÃO:</strong></div>

            <ul>
                @foreach ($errors->all() as $error)
                <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <div class="row mt-1">
            <div class="col-sm-12 col-md-6 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Tipo</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("type", $types, 1, ['class' => "form-control", 'id' => 'type']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-5 mt-2">
                <label for="" class="col-12 col-6 p-0">Nome do Hospital*</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("name", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-6 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Apelido</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("nickname", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-3 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Número <a target="_blank" rel="noopener noreferrer" href="http://cnes.datasus.gov.br/">CNES</a></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("cnes", null, ['class' => "form-control"]) !!}
                </div>
            </div>
        </div>
        <div class="row mt-1">

            <div class="col-sm-12 col-md-3 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Telefone</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("phone", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-3 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">CEP</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("zipcode", null, ['class' => "form-control", 'id'=>'zipcode']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-8 col-lg-4 mt-2">
                <label for="" class="col-12 col-6 p-0">Endereço</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("address", null, ['class' => "form-control", 'id'=>'address']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-1 mt-2">
                <label for="" class="col-12 col-6 p-0">No.</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("number", null, ['class' => "form-control"]) !!}
                </div>
            </div>
        </div>
        <div class="row mt-1">

            <div class="col-sm-12 col-md-5 col-lg-4 mt-2">
                <label for="" class="col-12 col-6 p-0">Complemento</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("complement", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Bairro</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("district", null, ['class' => "form-control", 'id'=>'district']) !!}
                </div>
            </div>
        </div>
        <div class="row mt-1">

            <div class="col-sm-12 col-md-4 col-lg-4 mt-2">
                <label for="" class="col-12 col-6 p-0">Cidade</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("city_id", $cities, null, ['class' => "form-control", 'id' => 'cities']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-3 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Estado</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("state_id", $states, null, ['class' => "form-control", 'id' => 'choose-states']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-3 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Região</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("region_id", $regions, $region_id, ['class' => "form-control", 'id' => 'regions']) !!}
                </div>
            </div>
        </div>
        
        <div class="row mt-1">
            <div class="col-sm-12 col-md-4 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Termo:<em>Favorável?</em></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("termstatus_id", $termstatuses, $termstatus_id, ['class' => "form-control", 'id' => 'termstatuses']) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0"><em>Permite Observações?</em></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("obsstatus_id", $obsstatuses, $obsstatus_id, ['class' => "form-control", 'id' => 'obsstatuses']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 mt-2">
                <label for="" class="col-12 col-6 p-0">Território da Congregação</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::select("congregation_id", $congregations, null, ['class' => "form-control", 'id' => 'congregations']) !!}
                </div>
            </div>
        </div>
        <div class="row mt-1">
            
            <div class="col-sm-12 col-md-6 col-lg-5 mt-2">
                <label for="" class="col-12 col-6 p-0">Site Oficial</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("website", null, ['class' => "form-control"]) !!}
                </div>
            </div>
            <br/>

            <div class="col-sm-12 col-md-4 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Leitos: <em>Total</em></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("beds", null, ['class' => "form-control"]) !!}
                </div>
            </div>

            <div class="col-sm-12 col-md-4 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0"><em>Ocupados</em></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::text("busybeds", null, ['class' => "form-control"]) !!}
                </div>
            </div>
        </div>
        <div class="row mt-1">		
            <div class="col-sm-12 col-md-6 col-lg-3 mt-2">
                <label for="" class="col-12 col-6 p-0">Prioridade Colih?</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::hidden("hlc_priority", 0) !!}
                    {!! Form::checkbox("hlc_priority", 1, false) !!} Sim
                </div>
            </div>
            <br />

            <div class="col-sm-12 col-md-6 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Atende SUS?</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::hidden("sus", 0) !!}
                    {!! Form::checkbox("sus", 1, false) !!} Sim
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Internação?</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::hidden("can_commit", 0) !!}
                    {!! Form::checkbox("can_commit", 1, false) !!} Sim
                </div>
            </div>

            <div class="col-sm-12 col-md-6 col-lg-2 mt-2">
                <label for="" class="col-12 col-6 p-0">Pronto Atendimento?</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::hidden("emergency", 0) !!}
                    {!! Form::checkbox("emergency", 1, false) !!} Sim
                </div>
            </div>

            <div class="col-sm-12 mt-3">
                <div class="card shadow-sm">
                    <div class="card-header py-2">
                        <h6 class="m-0 font-weight-bold text-primary">Materiais distribuídos</h6>
                    </div>
                    <div class="card-body py-2">
                        <p class="small text-muted mb-2">Marque os itens já distribuídos neste hospital.</p>
                        <div class="row">
                            <div class="col-md-6">
                                <label class="font-weight-bold small">Materiais</label>
                                @foreach($materials as $material)
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" name="materials[]" value="{{ $material->id }}" id="mat_{{ $material->id }}">
                                        <label class="form-check-label" for="mat_{{ $material->id }}">
                                            <strong>{{ $material->slug }}</strong> — {{ $material->name }}
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                            <div class="col-md-6">
                                @php $selectedDocs = old('documents', []) @endphp
                                <x-form.select name="documents" :items="$documents->mapWithKeys(fn($d) => [$d->id => $d->slug.' — '.$d->name])" multiple
                                    :value="$selectedDocs"
                                    placeholder="Selecione os artigos"
                                    tooltip="Selecione os artigos distribuídos">
                                    Artigos (Documentos)
                                </x-form.select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 mt-3">
                <label for="" class="col-12 col-6 p-0">Observações</label>
                <div class="col-12 col-6 p-0">
                    {!! Form::textarea("observations", null, ['class' => "form-control", 'style' => 'height: 100px']) !!}
                </div>
            </div>

            @can('hospital-confidential')
            <div class="col-sm-12 mt-3">
                <label for="" class="col-12 col-6 p-0">Notas <div class='badge badge-danger ml-1' title='Campo confidencial'><i class="fas fa-key float-left"></i></div></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::textarea("confidential_notes", null, ['class' => "form-control", 'style' => 'height: 100px']) !!}
                </div>
            </div>

            <div class="col-sm-12 mt-3">
                <label for="" class="col-12 col-6 p-0">Plano de Ação para o Hospital <div class='badge badge-danger ml-1' title='Campo confidencial'><i class="fas fa-key float-left"></i></div></label>
                <div class="col-12 col-6 p-0">
                    {!! Form::textarea("action_plan", null, ['class' => "form-control", 'style' => 'height: 100px']) !!}
                </div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                <label for="" class="col-12 col-3 p-0">Lembrete em <div class='badge badge-danger ml-1' title='Campo confidencial'><i class="fas fa-key float-left"></i></div></label>
                <div class="col-12 col-3 p-0">
                    {{ Form::date("plan_reminder_date",null , ['class' => 'form-control']) }}
                </div>
            </div>

            @endcan

        </div>
    </div>

    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Membros designados para o Hospital/Escola</h6>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8">
                <div class="table-responsive">
                    <table class="table w-100" id="list-users">
                        <thead>
                            <tr>
                                <th width="50%">Nome</th>
                                <th width="30%">Responsável pelo Hospital/Escola</th>
                                <th width="20%" class="text-center">Opção</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                    {!! Form::select("user_id", $users, null, ['class' => "form-control", 'id' => 'chooseUser']) !!}
                                    <input type="hidden" value="[]" id="userslist">
                                </td>
                                <td>
                    {!! Form::radio("hospital_responsible", 1, null , ['id' => 'cbUserResponsible' ]) !!} Sim
                    {!! Form::radio("hospital_responsible", 0, null , ['id' => 'cbUserResponsible' , 'checked'=>true]) !!} Não
                                </td>
                                <td class="text-center">
                    {!! Form::button('+', ['class' => 'btn btn-info mt-4', 'id' => 'add-user-hospital', 'data-toggle'=>"modal", 'data-placement'=>"top", 'data-tooltip'=>"tooltip", 'title'=>"Adicionar"]) !!}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Facilitadores</h6>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8">
                <div class="table-responsive">
                    <table class="table w-100" id="list-easers">
                        <thead>
                            <tr>
                                <th width="40%">Nome</th>
                                <th width="20%">Profissão</th>
                                <th width="20%" class="text-center">Opção</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{!! Form::select("easer_id", $easers ?? [], null,
                                    ['class' => "form-control",
                                    'id' => 'chooseEaser']) !!}
                                </td>
                                <td>
                                </td>
                                <td class="text-center">{!! Form::button('+', ['class' => 'btn btn-info',
                                    'id' => 'add-easer-hospital', 'data-toggle'=>"modal", 'data-placement'=>"top",
                                    'data-tooltip'=>"tooltip", 'title'=>"Adicionar"]) !!}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Adicionar Contatos do Hospital/Escola</h6>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-sm-12">
                <div class="table-responsive">
                    <table class="table w-100 mt-4" id="list-contacts">
                        <thead>
                            <tr>
                                <th width="20%">Nome</th>
                                <th width="20%">Função</th>
                                <th width="20%">E-mail</th>
                                <th width="20%">Telefone</th>
                                <th width="20%" class="text-center">Opção</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                    {!! Form::text("contact-name", null, ['class' => "form-control"]) !!}
                                </td>
                                <td>
                    {!! Form::text("contact-job", null, ['class' => "form-control"]) !!}
                                </td>
                                <td>
                    {!! Form::text("email-job", null, ['class' => "form-control"]) !!}
                                </td>
                                <td>
                    {!! Form::text("phone-job", null, ['class' => "form-control"]) !!}
                                </td>
                                <td class="text-center">
                    {!! Form::button('+', ['class' => 'btn btn-info mt-4', 'id' => 'add-contact-hospital', 'data-toggle'=>"modal", 'data-placement'=>"top", 'data-tooltip'=>"tooltip", 'title'=>"Adicionar"]) !!}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="card-footer">
        {!! Form::submit('SALVAR', ['class' => 'btn btn-primary']) !!}
    </div>
    {!! Form::close() !!}
</div>
@endsection