@extends('layouts/contentLayoutMaster')

@section('title', 'Minha Conta')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/app-user.css')) }}">
@endsection

@section('content')
    <section class="app-user-view">
        <!-- User Card & Plan Starts -->
        <div class="row">
            <!-- User Card starts-->
            <div class="col-xl-4 col-lg-8 col-md-7">
                <div class="card user-card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 d-flex flex-column justify-content-between border-container-lg">
                                <div class="user-avatar-section">
                                    <div class="d-flex justify-content-start">
                                        <div class="d-flex flex-column ml-1">
                                            <div class="user-info mb-1">
                                                <h4 class="mb-0">{{ $user->name }}</h4>
                                                <span class="card-text">{{ $user->email }}</span>
                                            </div>
                                            <div class="user-info-wrapper">
                                                <div class="d-flex flex-wrap my-50">
                                                    <div class="user-info-title">
                                                        <i data-feather="check" class="mr-1"></i>
                                                        <span class="card-text user-info-title font-weight-bold mb-0">Status</span>
                                                    </div>
                                                    <p class="card-text mb-0">@if($user->active == 1) Ativo @else Desativado @endif</p>
                                                </div>
                                                <div class="d-flex flex-wrap my-50">
                                                    <div class="user-info-title">
                                                        <i data-feather="star" class="mr-1"></i>
                                                        <span class="card-text user-info-title font-weight-bold mb-0">Função</span>
                                                    </div>
                                                    <p class="card-text mb-0">{{ $user->roles[0]->name }}</p>
                                                </div>
                                                @if($user->roles[0]->name == 'Médico')
                                                <div class="d-flex flex-wrap my-50">
                                                    <div class="user-info-title">
                                                        <i data-feather="flag" class="mr-1"></i>
                                                        <span class="card-text user-info-title font-weight-bold mb-0">Especialidade</span>
                                                    </div>
                                                    <p class="card-text mb-0">{{ $user->spec }}</p>
                                                </div>
                                                <div class="d-flex flex-wrap my-50">
                                                    <div class="user-info-title">
                                                        <i data-feather="tag" class="mr-1"></i>
                                                        <span class="card-text user-info-title font-weight-bold mb-0">CRM</span>
                                                    </div>
                                                    <p class="card-text mb-0">{{ $user->crm }}</p>
                                                </div>
                                                <div class="d-flex flex-wrap">
                                                    <div class="user-info-title">
                                                        <i data-feather="tag" class="mr-1"></i>
                                                        <span class="card-text user-info-title font-weight-bold mb-0">RQE</span>
                                                    </div>
                                                    <p class="card-text mb-0">{{ $user->rqe }}</p>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /User Card Ends-->
            <div class="col-xl-8 col-lg-8 col-md-7">
                <!-- users edit start -->
                <section class="app-user-edit">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-pills" role="tablist">
                                <li class="nav-item">
                                    <a
                                            class="nav-link d-flex align-items-center active"
                                            id="access-tab"
                                            data-toggle="tab"
                                            href="#access"
                                            aria-controls="access"
                                            role="tab"
                                            aria-selected="true"
                                    >
                                        <i data-feather="user"></i><span class="d-none d-sm-block">Acesso</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a
                                            class="nav-link d-flex align-items-center"
                                            id="information-tab"
                                            data-toggle="tab"
                                            href="#information"
                                            aria-controls="information"
                                            role="tab"
                                            aria-selected="false"
                                    >
                                        <i data-feather="info"></i><span class="d-none d-sm-block">Informações</span>
                                    </a>
                                </li>
                                @if($user->roles[0]->name == 'Médico')
                                <li class="nav-item">
                                    <a
                                            class="nav-link d-flex align-items-center"
                                            id="signature-tab"
                                            data-toggle="tab"
                                            href="#signature"
                                            aria-controls="signature"
                                            role="tab"
                                            aria-selected="false"
                                    >
                                        <i data-feather="edit-3"></i><span class="d-none d-sm-block">Assinatura</span>
                                    </a>
                                </li>
                                @endif
                                <li class="nav-item">
                                    <a
                                            class="nav-link d-flex align-items-center"
                                            id="settings-tab"
                                            data-toggle="tab"
                                            href="#settings"
                                            aria-controls="settings"
                                            role="tab"
                                            aria-selected="false"
                                    >
                                        <i data-feather="settings"></i><span class="d-none d-sm-block">Configurações</span>
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <!-- Access Tab starts -->
                                <div class="tab-pane active" id="access" aria-labelledby="access-tab" role="tabpanel">
                                    <!-- users edit media object start -->
                                    <div class="media mb-2">
                                        <div class="media-body mt-50">
                                            <h4>Alterar Senha</h4>
                                        </div>
                                    </div>
                                    <!-- users edit media object ends -->
                                    <!-- users edit account form start -->
                                    <form action="{{ route('profile.update',$user->id) }}" method="post" class="form-validate">
                                        {{ csrf_field() }}
                                        {{ method_field('PUT') }}
                                        <div class="row">
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="current-password">Senha atual</label>
                                                    <input type="password" class="form-control" placeholder="Senha atual" name="current-password" id="current-password" required/>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="new-password">Nova Senha</label>
                                                    <input type="password" class="form-control" placeholder="Nova senha" name="new-password" id="new-password" required/>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="new-password_confirmation">Confirmar Senha</label>
                                                    <input type="password" class="form-control" placeholder="Repita a nova senha" name="new-password_confirmation" id="new-password_confirmation" required/>
                                                </div>
                                            </div>
                                            <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1">Alterar</button>
                                                <button type="reset" class="btn btn-outline-secondary">Limpar</button>
                                            </div>
                                        </div>
                                    </form>
                                    <!-- users edit account form ends -->
                                </div>
                                <!-- Account Tab ends -->

                                <!-- Information Tab starts -->
                                <div class="tab-pane" id="information" aria-labelledby="information-tab" role="tabpanel">
                                    <!-- users edit Info form start -->
                                    <form action="{{ route('profile.updatePersonalData',$user->id) }}" method="post" class="form-validate">
                                        {{ csrf_field() }}
                                        {{ method_field('PUT') }}
                                        <div class="row mt-1">
                                            <div class="col-12">
                                                <h4 class="mb-1">
                                                    <i data-feather="user" class="font-medium-4 mr-25"></i>
                                                    <span class="align-middle">Informações pessoais</span>
                                                </h4>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                    <label for="name">Nome</label>
                                                    <input
                                                            id="name"
                                                            type="text"
                                                            class="form-control"
                                                            name="name"
                                                            value="{{ $user->name }}"
                                                            required
                                                    />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                    <label for="rg">RG</label>
                                                    <input id="rg" type="text" class="form-control" name="rg" value="{{ $user->rg }}" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                    <label for="cpf">CPF</label>
                                                    <input
                                                            id="cpf"
                                                            type="text"
                                                            class="form-control"
                                                            value="{{ $user->cpf }}"
                                                            name="cpf"
                                                            maxlength="14"
                                                    />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                    <label for="email">Email</label>
                                                    <input
                                                            id="email"
                                                            type="text"
                                                            class="form-control"
                                                            value="{{ $user->email }}"
                                                            name="email"
                                                            required
                                                    />
                                                </div>
                                            </div>
                                            @if($user->roles[0]->name == 'Médico')
                                            <div class="col-12">
                                                <h4 class="mb-1 mt-2">
                                                    <i data-feather="user" class="font-medium-4 mr-25"></i>
                                                    <span class="align-middle">Informações Médicas</span>
                                                </h4>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="form-group">
                                                    <label for="spec">Especialidade</label>
                                                    <input id="spec" type="text" class="form-control" value="{{ $user->spec }}" name="spec" required/>
                                                </div>
                                            </div>
                                            <div class="col-lg-2 col-md-2">
                                                <div class="form-group">
                                                    <label for="crm">CRM</label>
                                                    <input id="crm" type="text" class="form-control" value="{{ $user->crm }}" name="crm" required/>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <label>CRM/UF: </label>
                                                <div class="form-group">
                                                    <select class="form-control" id="crm_uf" name="crm_uf">
                                                        <option value="">--</option>
                                                        @foreach($states as $state)
                                                            <option value="{{ $state }}" @if($user->crm_uf == $state) selected @endif>{{ $state }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-md-2">
                                                <div class="form-group">
                                                    <label for="rqe">RQE</label>
                                                    <input id="rqe" type="text" class="form-control" value="{{ $user->rqe }}" name="rqe" />
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1">Alterar</button>
                                                <button type="reset" class="btn btn-outline-secondary">Limpar</button>
                                            </div>
                                        </div>
                                    </form>
                                    <!-- users edit Info form ends -->
                                </div>
                                <!-- Information Tab ends -->

                                @if($user->roles[0]->name == 'Médico')
                                <!-- Sign Tab starts -->
                                <div class="tab-pane" id="signature" aria-labelledby="signature-tab" role="tabpanel">
                                    <!-- users edit sign form start -->
                                    <form action="{{ route('profile.updateSign',$user->id) }}" method="post" enctype="multipart/form-data" class="form-validate">
                                        {{ csrf_field() }}
                                        {{ method_field('PUT') }}
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 form-group">
                                                @if($user->photo_signature != null)
                                                <img src="{{ Auth::user()->sign_url }}" style="max-width: 100%; width: 100%;" alt="Assinatura do médico">
                                                @else
                                                    <div>Você ainda não cadastrou sua assinatura digital!</div>
                                                @endif
                                            </div>
                                            <div class="col-lg-12 col-md-6 form-group">
                                                <label for="new_sign">Escolher nova assinatura <small>(.png)</small></label>
                                                <input type="file" name="new_sign" class="form-control" id="new_sign">
                                            </div>
                                            <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1">Alterar</button>
                                            </div>
                                        </div>
                                    </form>
                                    <!-- users edit sign form ends -->
                                </div>
                                <!-- Sign Tab ends -->
                                @endif

                                <!-- Settings Tab starts -->
                                <div class="tab-pane" id="settings" aria-labelledby="settings-tab" role="tabpanel">
                                    <!-- users edit settings form start -->
                                    <form action="{{ route('profile.updateSettings',$user->id) }}" method="post" class="form-validate">
                                        {{ csrf_field() }}
                                        {{ method_field('PUT') }}
                                            @if($user->roles[0]->name == 'Médico')
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mb-1" for="save_report_auto">Salvar laudo automático <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="top"
                                                            data-original-title="Com essa opção ativada o laudo será salvo no banco de dados a cada 10 segundos, evitando perca acidental do conteúdo do laudo.">?</span></label>
                                                        <div class="custom-control custom-switch">
                                                            <input type="checkbox" class="custom-control-input" name="save_report_auto" id="save_report_auto"
                                                                @if(Auth::user()->save_report_auto != 0) checked @endif
                                                            />
                                                            <label class="custom-control-label" for="save_report_auto"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mb-1" for="use_template_iot">Utiliza template Raio-x OIT</label>
                                                        <div class="custom-control custom-switch">
                                                            <input type="checkbox" class="custom-control-input" name="use_template_iot" id="use_template_iot"
                                                                   @if(Auth::user()->use_template_iot != 0) checked @endif
                                                            />
                                                            <label class="custom-control-label" for="use_template_iot"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mt-1" for="default_viewer">Visualizador padrão <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="top"
                                                            data-original-title="Selecionar o visualizador padrão que aparecerá em cada registro na listagem da Worklist.">?</span></label>
                                                        <div class="form-group">
                                                            <select class="select2 form-control" id="default_viewer" name="default_viewer">
                                                              <optgroup label="Visualizadores">
                                                                <option value="" @if(Auth::user()->default_viewer == null) selected @endif>Todos</option>
                                                                <option value="cloud" @if(Auth::user()->default_viewer == 'cloud') selected @endif>Cloud</option>
                                                                <option value="horos" @if(Auth::user()->default_viewer == 'horos') selected @endif>Horos</option>
                                                                <option value="weasis" @if(Auth::user()->default_viewer == 'weasis') selected @endif>Weasis</option>
                                                                <option value="radiant" @if(Auth::user()->default_viewer == 'radiant') selected @endif>Radiant</option>
                                                              </optgroup>
                                                            </select>
                                                          </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mt-1" for="worklist_listing">Visualizar exames na Worklist <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="top"
                                                            data-original-title="SOMENTE OS MEUS exibe na Worklist apenas os exames atribuídos ao médico. OS MEUS E OS LIVRES exibe na Worklist os exames atribuídos ao médico e os que não foram atribuídos a nenhum.">?</span></label>
                                                        <div class="form-group">
                                                            <select class="select2 form-control" id="worklist_listing" name="worklist_listing">
                                                              <optgroup label="Visualizadores">
                                                                <option value="0" @if(Auth::user()->worklist_listing == 0) selected @endif>Somente os meus</option>
                                                                <option value="1" @if(Auth::user()->worklist_listing == '1') selected @endif>Os meus e os livres</option>
                                                              </optgroup>
                                                            </select>
                                                          </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mt-1" for="editor_config[font]">Fonte do editor <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="top"
                                                            data-original-title="Estilo de fonte que será utilizada como padrão no editor de laudos.">?</span></label>
                                                            <div class="form-group">
                                                                <select class="select2 form-control" name="editor_config[font]">
                                                                <optgroup label="Fonte">
                                                                    <option value="">--</option>
                                                                    <option value="Arial" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Arial') selected @endif @endisset>Arial</option>
                                                                    <option value="Comic Sans MS" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Comic Sans MS') selected @endif @endisset>Comic Sans MS</option>
                                                                    <option value="Courier New" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Courier New') selected @endif @endisset>Courier New</option>
                                                                    <option value="Georgia" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Georgia') selected @endif @endisset>Georgia</option>
                                                                    <option value="Lucida Sans Unicode" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Lucida Sans Unicode') selected @endif @endisset>Lucida Sans Unicode</option>
                                                                    <option value="Tahoma" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Tahoma') selected @endif @endisset>Tahoma</option>
                                                                    <option value="Times New Roman" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Times New Roman') selected @endif @endisset>Times New Roman</option>
                                                                    <option value="Trebuchet MS" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Trebuchet MS') selected @endif @endisset>Trebuchet MS</option>
                                                                    <option value="Verdana" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['font'] == 'Verdana') selected @endif @endisset>Verdana</option>
                                                                </optgroup>
                                                                </select>
                                                            </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 form-group">
                                                    <div class="d-flex justify-content-between">
                                                        <label class="mt-1" for="editor_config[size]">Tamanho da fonte do editor <span class="badge badge-pill badge-dark text-capitalized" data-tooltip="tooltip" data-placement="top"
                                                            data-original-title="Tamanho da fonte que será utilizada como padrão no editor de laudos.">?</span></label>
                                                        <div class="form-group">
                                                            <select class="select2 form-control" name="editor_config[size]">
                                                              <optgroup label="Tamanho">
                                                                <option value="">--</option>
                                                                <option value="8" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '8') selected @endif @endisset>8</option>
                                                                <option value="9" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '9') selected @endif @endisset>9</option>
                                                                <option value="10" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '10') selected @endif @endisset>10</option>
                                                                <option value="11" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '11') selected @endif @endisset>11</option>
                                                                <option value="12" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '12') selected @endif @endisset>12</option>
                                                                <option value="14" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '14') selected @endif @endisset>14</option>
                                                                <option value="16" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '16') selected @endif @endisset>16</option>
                                                                <option value="18" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '18') selected @endif @endisset>18</option>
                                                                <option value="20" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '20') selected @endif @endisset>20</option>
                                                                <option value="22" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '22') selected @endif @endisset>22</option>
                                                                <option value="24" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '24') selected @endif @endisset>24</option>
                                                                <option value="26" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '26') selected @endif @endisset>26</option>
                                                                <option value="28" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '28') selected @endif @endisset>28</option>
                                                                <option value="36" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '36') selected @endif @endisset>36</option>
                                                                <option value="48" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '48') selected @endif @endisset>48</option>
                                                                <option value="72" @isset(Auth::user()->editor_config) @if(Auth::user()->editor_config['size'] == '72') selected @endif @endisset>72</option>
                                                              </optgroup>
                                                            </select>
                                                          </div>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-12 d-flex flex-sm-row flex-column mt-2">
                                                <button type="submit" class="btn btn-primary mb-1 mb-sm-0 mr-0 mr-sm-1">Alterar</button>
                                            </div>
                                    </form>
                                    <!-- users edit settings form ends -->
                                </div>
                                <!-- Settings Tab ends -->
                            </div>
                        </div>
                    </div>
                </section>
                <!-- users edit ends -->
            </div>
        </div>
        <!-- User Card & Plan Ends -->
    </section>
@endsection

@section('page-script')
    {{-- Page js files --}}
    <script>
        // Máscara de CPF para o formulário
        if ($('#cpf').length) {
            new Cleave($('#cpf'), {
                delimiters: ['.', '.', '-'],
                blocks: [3, 3, 3, 2],
                numericOnly: true
            });
        }
    </script>
@endsection