@extends('layout.backend')
@section('title', 'hlc-37 Dr'.(($doctor->gender ?? 'M') == 'M' ?'. ' : 'a. ' ).$doctor->short_name) 

@section('scripts')
@parent
<script src="{{ mix('/js/hlc37.js') }}"></script>
<script type="text/javascript" src="/js/vendor/trix/trix.umd.js"></script>
@endsection

@section('styles')
@parent
<link href="/js/vendor/trix/trix.css" rel="stylesheet">
<style>
    trix-toolbar .trix-button--icon-attach {
		border: 0px;
        padding: 0px;
        margin: 0px;
    }
    trix-toolbar .trix-button--icon-attach::before {
        border: 0px;
        padding: 0px;
        margin: 0px;
        background-image: none;
        font-size: 15px;
        
        background-image: none !important;
        font-family: "Font Awesome 5 Free";
        
        content: "\f0c6";
		color: rgba(0,0,0,0.6);
        text-align: right;
        right: 15px;
        
    }
</style>
@endsection

@section('content')
<x-form.header.button-bar>
	<x-form.header.button-back :route="route('doctors.show', ['doctor'=>$doctor->id])" />
</x-form.header.button-bar>


<div style="display:none">
	@if ($message = Session::get('success'))
	<div class="alert alert-success alert-block">
		<button type="button" class="close" data-bs-dismiss="alert">×</button>
		<strong>{{ $message }}</strong>
	</div>
	@endif
</div>

<div class="card shadow mb-4">
    <a href="#infoDoctor" class="d-block card-header py-3" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="infoDoctor">
        <i class="fas fa-stethoscope fa-3x text-primary float-left mr-3 "></i>
        <h4 class="m-0 font-weight-bold text-primary">
            @if(($doctor->gender ?? 'M') == 'M')
            Dr. 
            @else
            Dra. 
            @endif
            {!!$doctor->name!!}
            @if($doctor->jw) <div class='badge badge-pill badge-purple ml-2' title="É Testemunha de Jeová">JW</div>@endif
        </h4>
        <h6 class="m-0 mt-1 font-weight-bold text-primary">Carta de Acompanhamento (hlc-37)</h6>
    </a>

	    <form id="form-hlc37" method="post" action="{!! route('doctors.hlc37',['id'=>$doctor->id]) !!}">
        @csrf
        <div class="collapse show" id="infoDoctor">
            <div class="card-body">
                <div class="row">
    				<div class="col-12">
						<div class="alert alert-warning alert-dismissable small" role="alert">
							<i class="fa fa-exclamation-triangle mr-1" aria-hidden="true"></i>
							<strong>ATENÇÃO!</strong> Esta carta é um <em>modelo</em> de carta hlc-37. Leia com atenção e adapte conforme necessário, removendo texto em vermelho e substituindo o artigo médico conforme o teor da conversa.
							<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
					</div>
	
					<div class="col-md-12">
                        <input id='iddoctor' type='hidden' name='iddoctor' value = "{{$doctor->id}}">
                        <input id='filesend' type='hidden' name='filesend' value = "{{$file_path=='' ? 0 : 1}}">
                        <input id='file_path' type='hidden' name='file_path' value = "{{$file_path}}">
                        <input id='x' type='hidden' name='content' value = "">
                        <input id="view" type="hidden" name="view" value="" />
                        <trix-editor input="x" class="trix-content"></trix-editor>
                    </div>
                </div>
                <div class="row mt-3 mb-0">
                    <div class="col-md-6 col-lg-4 col-xl-4">
                        <button type="button" id="btnView" class="btn btn-primary  btn-icon-split">
                            <span class="icon">
                                <i class="fas fa-eye mt-1"></i>
                            </span>
                            <span class="text">Visualizar e enviar</span>
                        </button>
                    </div>
                </div>

			</div>
        </div>
        
		@if($file_path) {{-- Tem anexo --}}
			<div class="d-none" id="btnAttach">
				<div class="input-group">
					<div class="btn-group btn-group-sm" role="group" aria-label="Anexo">
						<button type="button" class="btn btn-light py-0" style="pointer-events: none;">Anexo</button>
						<button type="button" id="btnViewAttach" class="btn btn-secondary py-0"><i class="fas fa-eye mt-1 mx-2"></i>Ver</button>
						<button type="button" id="btnRemoveAttach" class="btn btn-secondary py-0 "><i class="fas fa-trash mt-1 mx-2"></i>Excluir</button>
					</div>

				</div>
			</div>

		@else	{{-- sem anexo  --}}
		<div class="d-none" id="btnAttach">
			<button type="button" class="btn btn-secondary btn-sm btn-icon-split attach" data-trix-action="x-attach">
				<span class="icon " id="btnAddAttach" >
					<i class="fas fa-paperclip mt-1"></i>
				</span>
				<span class="text">Anexar</span>
			</button>
		</div>
		@endif
        
    </form>
</div>
@endsection
<div style="display: none;" id="textContent">{!! html_entity_decode($content ) !!}</div>