@extends('layouts.app')

@section('navigation')
    <a href="{{ route('patients.index') }}" class="breadcrumb-item"><i class="icon-stack mr-2"></i> Recetas medicas</a>
    <span class="breadcrumb-item active">Nueva receta</span>
@endsection

@section('content')
    <div class="content">
        <div class="card">
            @if(session('success'))
                <div class="alert alert-success border-0 alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        <span class="font-weight-semibold">Mensaje :</span> {{session('success')}}
                </div>
            @Endif
            @if(session('errors'))
                <div class="alert alert-danger border-0 alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        <span class="font-weight-semibold">Cuidado:!</span>{{session('errors')}}
                </div>
            @Endif
            <div class="card-header">
                <h5 class="card-title" style="color:black; font-weight:bold;">Nueva Receta</h5>
                <hr style="height:2px; background-color:#01015F;"></hr>
            </div>
            <div class="card-body">
                {!! Form::model($prescriptions ?? '', ['route' => ['prescriptions.store'], 'method' => 'POST' , 'id' => 'form-data']) !!}
                    @csrf
                    <div class="row">
                        <div class="form-group col-sm-4">
                            <h6><label for="clientId" class="col-form-label">Cliente(*):</label></h6>
                            {!! Form::select('clientId',\App\Models\Client::whereTrash(false)->whereEnabled(true)->select(\DB::raw('CONCAT(firstname, " ", lastName) as clientId'), 'id')->pluck('clientId', 'id'),null,['onchange'=> 'getClient(this.value)','class' => 'form-control multiselect-filtering', 'id' => 'clientId', 'placeholder' => '[ Seleccione ]'],) !!}
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="email" class="col-form-label">Email:</label></h6>
                            {!! Form::email('email', null, ['id' => "email", 'class' => 'form-control', 'disabled']) !!}
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="phone" class="col-form-label">Teléfono:</label></h6>
                            {!! Form::text('phone', null, ['id' => "phone", 'class' => 'form-control', 'disabled']) !!}
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="patientId" class="col-form-label">Paciente(*):</label></h6>
                            <select name="patientId" id="patientId" class="form-control select-search" onChange="getPatient(this.value)">
                                <option value="">[Seleccione]</option>
                            </select>
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="breed" class="col-form-label">Raza:</label></h6>
                            {!! Form::text('breed', null, ['id' => "breed", 'class' => 'form-control', 'disabled']) !!}
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="color" class="col-form-label">Color:</label></h6>
                            {!! Form::text('color', null, ['id' => "color", 'class' => 'form-control', 'disabled']) !!}
                        </div>
                        <div class="form-group col-sm-4">
                            <h6><label for="prescriptionType" class="col-form-label">Tipo de reseta:</label></h6>
                            {{ Form::select('prescriptionType', array('General' => 'Consulta General', 'Oftalmologica' => 'Consulta oftalmologica' ), null , array('class' => "form-control select", 'id' => 'prescriptionType', 'placeholder' => '[ Seleccione ]')) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-sm-12">
                            <h6><label for="medicenes" class="col-form-label">Medicamentos:</label></h6>
                            {!! Form::text('medicenes', null, ['id' => "medicenes", 'class' => 'form-control']) !!}
                        </div>
                        <div class="form-group col-sm-12">
                            <h6><label for="observations" class="col-form-label">Observaciones:</label></h6>
                            {!! Form::text('observations', null, ['id' => "observations", 'class' => 'form-control']) !!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-lg-12 col-3">
                            <hr style="height: 1px; background-color: #01015F;"></hr>
                            <div class="form-group col-12 col-lg-12" style="text-align:right;">
                                <a id="save-button" onclick="checkForm()" style="color:white"
                                 class="btn btn-success btn-labeled btn-labeled-left"></b>Guardar<b><i class="fa fa-save"></i></a>
                                <a href="{{ route('prescriptions.index') }}" style="background: #eee;"
                                class="btn btn-default btn-labeled btn-labeled-left"><b><i class="fa fa-reply"></i></b>Regresar</a>
                            </div>
                        </div>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script src="https://cdn.ckeditor.com/4.19.1/standard/ckeditor.js"></script>

    <script>

        CKEDITOR.replace('medicenes', {
            toolbar: [
                [ 'Styles','Format','Font','FontSize' ],
                [ 'TextColor','BGColor' ],
                [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] ,
                [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] ,
                [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ]
            ]
        });
        CKEDITOR.replace('observations', {
            toolbar: [
                [ 'Styles','Format','Font','FontSize' ],
                [ 'TextColor','BGColor' ],
                [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] ,
                [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] ,
                [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ]
            ]
        });

        function getFiles(clientId){
            $.ajax({           
                url: '{{ route('medical.getPatientFile') }}',
                type: "post",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                data:{
                    'clientId': clientId
                },
                success: function (data) {
                    $('#patientId').empty();
                        var values = new Array();
                        $('#patientId').append($("<option></option>").attr("value", 0).text("[Seleccione]").trigger('change'));
                        $.each(data.modelo, function (key, value) {
                            $('#patientId')
                                .append($("<option></option>")
                                    .attr("value", value.patientId)
                                    .text(value.fileNumber + " " + value.patientName )
                                    .trigger('change'));
                    });
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert("error al cargar información, intente mas tarde");
                }
            });
        }


    function getPatient(id){

        $.ajax({
            url: '{{ route('patients.getById') }}',
            type: "post",
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            data:{
                'id': id
            },
            success: function (data) {
                if(data.modelo.breed != null){
                    $("#breed").val(data.modelo.breed.name)
                }
                $("#color").val(data.modelo.color)
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert("error al cargar información, intente mas tarde");
            }
        });
    }

    function getClient(clientId){
        
        $.ajax({
            url: '{{ route('clients.getById') }}',
            type: "post",
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            data:{
                'id': clientId
            },
            success: function (data) {
                $("#email").val(data.modelo.email)
                $("#phone").val(data.modelo.phone)
                getFiles(clientId);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert("error al cargar información, intente mas tarde");
            }
        });
    }

    checkForm = function () {

            if( $("#patientId").val() == "" || $("#patientId").val() == 0) {
                
                swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Paciente es requerido verifique!!!',
                })
                return false;
            };

            if($("#clientId").val()=="" || $("#clientId").val() == 0) {
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Especifique el propietario del paciente es requerido verifique!!!',
                })
                return false;
            };

            if($("#employeeId").val()=="" || $("#employeeId").val() == 0 ) {
                swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Doctor que emite la receta es requerido verifique!!!',
                })
                return false;
            };

            if($("#prescriptionType").val()=="" || $("#prescriptionType").val() == 0 ) {
                swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: 'Tipo de receta es requerido verifique!!!',
                })
                return false;
            };

            $('#medicenes').val(CKEDITOR.instances.medicenes.getData()),
            $('#observations').val(CKEDITOR.instances.observations.getData()),
            $('#form-data').mask("Espere por favor..");
            $("#form-data").submit();
    }
        
    </script>
@endsection