@extends('layouts.contentLayoutMaster')
{{-- page title --}}
@section('title','Informações Cirurgia')
{{-- vendor styles --}}
@section('vendor-styles')
    <link rel="stylesheet" type="text/css" href="{{asset('css/plugins/forms/validation/form-validation.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/css/forms/select/select2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/css/pickers/pickadate/pickadate.css')}}">
    <style>
        .mr-top-21 {
            margin-top: 21px;
        }

        .text-aling td {
            text-align: center;
        }

        .l-60 {
            width: 60px;
        }

        .l-100 {
            width: 100px;
        }
    </style>
@endsection

{{-- page styles --}}
@section('page-styles')
    <link rel="stylesheet" type="text/css" href="{{asset('css/pages/page-users.css')}}">
@endsection
@section('content')
    <section class="users-edit">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <ul class="nav nav-tabs mb-2" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab"
                               href="#account" aria-controls="account" role="tab" aria-selected="true">
                                <i class="bx bx-user mr-25"></i><span
                                    class="d-none d-sm-block">Informações Cirurgia</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center active" id="account-tab" data-toggle="tab"
                               href="#account" aria-controls="account" role="tab" aria-selected="true">
                                <span class="d-none d-sm-block">Ficha# {{ $surgery->id }}</span>
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        @if ($message = Session::get('success'))
                            <div class="alert alert-success alert-block">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <strong>{{ $message }}</strong>
                            </div>
                        @endif

                        @if (count($errors) > 0)
                            <div class="alert alert-danger">
                                <strong>Ops!</strong> Ouve algum problema
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="tab-pane active fade show" id="account" aria-labelledby="account-tab"
                             role="tabpanel">
                            <div class="row">
                                <div class="col-12 col-sm-6">
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-12">
                                                <label>Paciente</label>
                                                <p class="form-control">{{ $surgery->patient->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>E-mail</label>
                                            <p class="form-control">{{ $surgery->patient->email }}</p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-12">
                                                <label>Convênio</label>
                                                <p class="form-control">{{ $surgery->insurance->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-12">
                                                <label>Cirurgião</label>
                                                <p class="form-control">{{ $surgery->surgeon->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-10">
                                                <label>Anestesiologista</label>
                                                <p class="form-control">{{ $surgery->anesthetist->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-12">
                                                <label>Cobrador</label>
                                                <p class="form-control">{{ $surgery->receptor->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Valor previsto</label>
                                            <p class="form-control">{{ number_format($surgery->expected_value, 2, ',', '.') }}</p>
                                        </div>
                                    </div>
                                    @if ($surgery->launchs)
                                        <div class="form-group">
                                            <div class="controls">
                                                <label>Lançamentos</label>
                                                <table class="table table-striped">
                                                    <thead>
                                                    <tr>
                                                        <th>Fat.</th>
                                                        <th>Lanç.</th>
                                                        <th>Venc.</th>
                                                        <th>Valor</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    @foreach ($surgery->launchs as $launch)
                                                        @foreach($launch->launchparcels as $item)
                                                            <tr>
                                                                <td>
                                                                    @if (isset($item->confirmation_date))
                                                                        <i class="bx bxs-check-circle success"></i>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    @if ($item->status == 0)
                                                                        <a href="{{ route('launch.edit', $item->id) }}">
                                                                            {{ $item->id }}
                                                                        </a>
                                                                    @else
                                                                        <a href="{{ route('launch.show', $item->id) }}">
                                                                            {{ $item->id }}
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                                <td>
                                                                    {{ $item->due_date }}
                                                                </td>
                                                                <td>
                                                                    {{ $item->value_brute }}
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    @endif
                                </div>
                                <div class="col-12 col-sm-6">
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Matricula</label>
                                            <p class="form-control">{{ $surgery->registration }}</p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="controls">
                                                    <label>Guia</label>
                                                    <p class="form-control">{{ $surgery->fixa }}</p>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="controls">
                                                    <label>Senha</label>
                                                    <p class="form-control">{{ $surgery->obs }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="controls col-12">
                                                <label>Hospital</label>
                                                <p class="form-control">{{ $surgery->hospital->name }}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="controls col-6">
                                            <label>Data</label>
                                            <p class="form-control">{{ $surgery->date }}</p>
                                        </div>
                                        <div class="controls col-3">
                                            <label>Inicio</label>
                                            <p class="form-control">{{ date('H:i', strtotime($surgery->start_time)) }}</p>
                                        </div>
                                        <div class="controls col-3">
                                            <label>Fim</label>
                                            <p class="form-control">{{ date('H:i', strtotime($surgery->end_time)) }}</p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Procedimentos</label>
                                            @foreach ($surgery->surgeryProcedure as $item)
                                                @php
                                                    @endphp
                                                <strong class="form-control">{{ $item->name }}</strong>
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Acomodações</label>
                                            <p class="form-control">
                                                @if ($surgery->guide == 1)
                                                    {{ 'Privativo' }}
                                                @endif
                                                @if ($surgery->guide == 2)
                                                    {{ 'Semi-privativo' }}
                                                @endif
                                                @if ($surgery->guide == 3)
                                                    {{ 'Ambulatório' }}
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Observações</label>
                                            <p class="form-control">{{ $surgery->observacao }}</p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="controls">
                                            <label>Tipo </label>
                                            <input type="radio" name="type" value="eletivo" disabled
                                            @if ($surgery->type == 'eletivo')
                                                {{ 'checked' }}
                                                @endif
                                            > Eletivo
                                            <input type="radio" name="type" value="urgencia"
                                            @if ($surgery->type == 'urgencia')
                                                {{ 'checked' }}
                                                @endif>
                                            Urgência
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <style>
        .modal-layout {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0px;
            left: 0px;
            background: rgba(0, 0, 0, .5);
            z-index: 2000;
            display: none;
            justify-content: center;
            align-items: center;
        }

        .modal-layout.mostrar {
            display: flex;
        }
    </style>

@endsection

{{-- vendor scripts --}}
@section('vendor-scripts')
    <script src="{{asset('vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('vendors/js/forms/validation/jqBootstrapValidation.js')}}"></script>
    <script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
    <script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script type="text/javascript"
            src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>
@endsection

{{-- page scripts --}}
@section('page-scripts')
    <script>
        $(document).ready(function () {
            $('.selectOk').select2();
            $('.pontoAdd').select2();
            $('.zipcode').mask('00000-000');
            $('.cnpj').mask('00.000.000/0000-00');
            $('.number').mask('00000');
            $('.phone').mask("(99) 99999-9999");
            $('.value').mask('000000000000000.00', {reverse: true});
            //controle do campo data
            let dateNow = new Date()
            var dateInput = $('#dateInput').on('change', function () {
                var date = new Date(dateInput.val());
                if (date <= dateNow) {
                    $('#dateInput').val('')
                    alert('A data tem que ser maior ou igual a data atual.')
                }
            });
        });

    </script>
    <script src="{{asset('js/scripts/pages/page-users.js')}}"></script>
    <script src="{{asset('js/scripts/navs/navs.js')}}"></script>
@endsection