@extends('layout.backend')
<!-- TODO: Ajustar scripts, disponibilidade depende disso. ver o q realmente precisa. -->
@section('scripts')
@parent
<script type="text/javascript" src="/js/globals-functions.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.mask.min.js"></script>
<script type="text/javascript" src="/js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="/js/profile.js"></script>
<script type="text/javascript" src="/js/copyToClipboard.js"></script>
@endsection

@section('content')
@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

@if(session()->has('alert-error'))
<div class="alert alert-danger">
    {!! session()->get('alert-error') !!}
</div>
@endif

{!! Form::open(['id' => 'form-edit-user', 'url' => route('profile.update', ['profile' => $user->id]), 'autocomplete' => 'off']) !!}
@method('PUT')

{!! Form::hidden('role_id', $user->role_id) !!}
{!! Form::hidden('name', $user->name) !!}
{!! Form::hidden('username', $user->username) !!}
{!! Form::hidden('observations', $user->observations) !!}
{!! Form::hidden('hospital_responsible', $user->hospital_responsible) !!}
{!! Form::hidden('is_risk_group', $user->is_risk_group) !!}
{!! Form::hidden("cityidhidden", $user->city_id, ['id' => 'cityidhidden']) !!}

@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
@if(!$user->isAdminMaster())

<div class="card shadow mb-4">
    <a href="#infoAcct" class="d-block card-header py-3" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="infoAcct">
        <h6 class="m-0 font-weight-bold text-primary">MEU PERFIL</h6>
    </a>
    <div class="collapse show" id="infoAcct">
        <div class="card-body table-responsive">

            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Nome</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("name", $user->name, ['class' => "form-control", 'disabled' => 'disabled']) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Identificação do Usuário</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("username", $user->username, ['class' => "form-control", 'disabled' => 'disabled']) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Papel/Permissão</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("role", $user->role->role, ['class' => "form-control", 'disabled' => 'disabled']) !!}
                    </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", $user->zipcode, ['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", $user->address, ['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", $user->number, ['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", $user->district, ['class' => "form-control", 'id'=>'district']) !!}
                    </div>
                </div>
                <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", $user->complement, ['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">Estado</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::select("state_id", $states, $user->state_id, ['class' => "form-control", 'id' => 'choose-states']) !!}
                    </div>
                </div>
                <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, $user->city_id, ['class' => "form-control", 'id' => 'cities']) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                    <label for="" class="col-12 col-6 p-0">E-mail Pessoal</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("email", $user->email, ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                    <label for="" class="col-12 col-6 p-0">E-mail JWPub</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("email_jwpub", $user->email_jwpub, ['class' => "form-control"]) !!}
                    </div>
                </div>

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

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

                <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                    <label for="" class="col-12 col-6 p-0">Congregação</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::select("congregation_id", $congregations, $user->congregation_id, ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                    <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, $user->region_id, ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-6 col-lg-3 mt-3">
                    <label for="" class="col-12 col-6 p-0">Tem Cartão de Visita?</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::select("visit_card", [0 => 'Não', 1 => 'Sim'], $user->visit_card, ['class' => 'form-control']) !!}
                    </div>
                </div>

				<x-form.date name="date_assignment" :value="optional($user->date_assignment)->format('Y-m-d')" :disabled="!(empty($user->date_assignment))"
					tooltip="Data do início da designação"
					class="col-sm-12 col-md-6 col-lg-3 mt-3">
					Data designação Colih/GVP
				</x-form.date>

                <div class="col-sm-12 col-md-12 col-lg-6 mt-3">
                    <label for="" class="col-12 col-6 p-0">Profissão secular</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::text("occupation", $user->occupation, ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-12 col-md-12 col-sm-12">
                    {!! Form::submit('SALVAR', ['class' => 'btn btn-primary mt-4']) !!}
                </div>
            </div>
        </div>	
    </div>
</div>

<div class="card shadow mb-4">
    <a href="#infoAvail" class="d-block card-header py-3" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="infoAvail">
        <h6 class="m-0 font-weight-bold text-primary">DISPONIBILIDADE</h6>
    </a>
    <div class="collapse show" id="infoAvail">
        <div class="card-body table-responsive">

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="" class="col-sm-12 col-md-12 p-0">Disponibilidade para apresentações em KM (informe zero para indisponível)</label>
                    <div class="col-md-2 p-0">
                        {!! Form::number("visit", $user->visit, ['class' => "form-control", 'step' => '1']) !!}
                    </div>
                </div>
                <div class="col-md-6 mb-3">
                    <label for="" class="col-sm-12 col-md-12 p-0">Disponibilidade para visitar médicos</label>
                    <div class="col-md-12 p-0">
                        {!! Form::select("nvisits", \App\Data\User::getQtyVisits(), $user->nvisits, ['class' => "form-control"]) !!}
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-sm-12">
                    <div class="mb-3">Clique no <strong>período</strong> para escolher.</div>

                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead class="thead-dark">
                                <tr>
                                    @foreach($days as $day)
                                    <th class="text-center">{!! $day !!}</th>
                                    @endforeach									
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($periods as $key => $period)
                                <tr>
                                    @for($day = 1; $day <= 7; $day++)
                                    <td class="text-center p-0 align-middle {!! $dispclass[$availabilitytype=$user->availabilitytype($key,$day)] !!}">
                                        <span for="{!! 'period-'.$key.'-'.$day !!}" class="mb-0 p-2 d-block" >
                                            {!! $period !!}<br/>
                                            {!! Form::select('disp', $disp, $availabilitytype, ['class' => 'form-control choose-period', 'id' => 'disp'.$key.$day, 'data-period'=>$key.'-'.$day]) !!}
                                        </span>

                                        <input type="text" id="{!! 'period-'.$key.'-'.$day !!}" name="disponibility[]" value="{!! $key.'|'.$day !!}" class="d-none">
                                        <input type="text" id="{!! 'typedisp-'.$key.'-'.$day !!}" name="{!! 'typedisp-'.$key.'-'.$day !!}" value="{!! $availabilitytype !!}" class="d-none">
                                    </td>
                                    @endfor
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="row d-none">
                        <div class="d-block col-12 mb-2">Personalizar Horário</div>
                        <div class="input-group mb-3 col-12 col-sm-6">
                            {!! Form::select('days', $days, null, ['class' => 'form-control', 'id' => 'days']) !!}

                            <input type="text" class="form-control customize-period" readonly="readonly" id="single-input" placeholder="00:00">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" id="add-hour">Adicionar</button>
                            </div>
                        </div>
                    </div>

                    <div class="mt-2 d-none">
                        <div id="list-hours">
                            @foreach($user->availabilities_hours as $hour)
                            <div class="alert alert-info">
                                {!! $days[$hour->weekday] !!}<strong> ({!! $hour->hour_format !!})</strong>

                                <input type="hidden" name="hours[]" value="{!! $hour->weekday.'|'.$hour->hour_format !!}" />
                                <a href="#" class="float-right remove-hour hours-exists" data-day="{!! $hour->weekday !!}" data-hour="{!! $hour->hour_format !!}">
                                    <i class="fa fa-times"></i>
                                </a>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>



                <div class="col-12">
                    {!! Form::submit('SALVAR', ['class' => 'btn btn-primary mt-4']) !!}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card shadow mb-4">
    <a href="#infoPwd" class="d-block card-header py-3 collapsed" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="infoPwd">
        <h6 class="m-0 font-weight-bold text-primary">TROCA DE SENHA</h6>
    </a>
    <div class="collapse" id="infoPwd">
        <div class="card-body table-responsive">
            <div class="row">
                <div class="col-12 mt-3">
                    <div class="alert alert-info"><small>Caso <b>não</b> utilize conta Google ou Microsoft para acessar o site e deseje alterar a senha, preencha os campos abaixo e clique em <b>Salvar</b></small></div>
                </div>

                <div class="col-sm-12 col-md-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Senha Atual</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::password("currentpassword", ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Nova Senha</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::password("password", ['class' => "form-control"]) !!}
                    </div>
                </div>

                <div class="col-sm-12 col-md-4 mt-3">
                    <label for="" class="col-12 col-6 p-0">Confirmar Senha</label>
                    <div class="col-12 col-6 p-0">
                        {!! Form::password("password_confirmation", ['class' => "form-control"]) !!}
                    </div>
                </div>
                <div class="col-12 col-md-auto">
                    {!! Form::submit('SALVAR', ['class' => 'btn btn-primary mt-4']) !!}
                </div>
            </div>
        </div>
    </div>
</div>

{!! Form::close() !!}

<div class="card shadow mb-4">
    <a href="#infoSign" class="d-block card-header py-3 collapsed" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="infoSign">
        <h6 class="m-0 font-weight-bold text-primary">ASSINATURA</h6>
    </a>
    <div class="collapse" id="infoSign">
        <div class="card-body table-responsive">

            <div class="row">
                <button class="btn btn-sm btn-primary btn-icon-split copyToClipboard" data-id="copyToClipboard">
                    <span class="icon text-white-50">
                        <i class="fas fa-clipboard"></i>
                    </span>
                    <span class="text">Copiar assinatura HTML</span>    
                </button>                
            </div>
                
            <div class="row">
                <div class="col-md-12 mb-3" id="copyToClipboard">
<style type="text/css">
    .card_header {
        border: 0px;
        padding: 0px;
        margin-top: 30px;
        text-align: left;
        line-height: .9em;
    }
    .card_member {
        border: 0px;
        padding: 0px;
        margin: 0px;
        text-align: left;
        line-height: .8em;
    }
    img.card_imglogo {
        width : 140px;
        height : 140px;
    }
    img.card_imgqrcode {
        width : 60px;
        height : 60px;
    }
    p {
        margin: 0px;
        padding: 0px;
        font-family: 'Verdana', sans-serif;
    }

    p.card_titulo {
        margin-top: 16px;
        padding: 0px;
        font-size: 16px;
        font-weight: bolder;
        font-family: 'Verdana', sans-serif;
        color:#646262;
        line-height: .8em;
    }
    p.card_subtitulo {
        margin: 0px;
        padding: 0px;
        font-family: 'Verdana', sans-serif;
        font-size:11px;
        color:#646262;
    }
    p.card_region {
        margin: 0px;
        padding: 0px;
        font-size:12px;
        font-family: 'Corrier', sans-serif;
        color:#000000;
        text-align: left;
    }

    hr {
        border: 1 solid #00528f;
        margin: 0px;
        padding: 0px;
    }
    p.card_username {
        margin: 0px;
        padding: 0px;
        font-size:14px;
        font-weight: bolder;
        font-family: 'Verdana', sans-serif;
        text-align: center;
    }
    p.card_function {
        margin: 0px;
        padding: 0px;
        font-family: 'Verdana', sans-serif;
        font-size:11px;
        color:#505050;
        text-align: center;
    }
    .card_contact_space {
        font-size:18px;
    }
    p.card_address {
        margin: 0px;
        padding: 0px;
        font-size:10px;
        font-family: 'Verdana', sans-serif;
    }
    .card_tel {
        text-align: left;
        font-size:10px;
        vertical-align: top;
    }
    .card_colfone {
        text-align: left;
        font-size:10px;
        vertical-align: top;
    }
    .card_contact {
        text-align: right;
        font-size:10px;
        vertical-align: top;
    }
    .card_fone {
        margin: 0px;
        padding: 0px;
        font-size:10px;
        font-weight: bold;
        font-family: 'Verdana', sans-serif;
    }
    .card_link {
        margin: 0px;
        padding: 0px;
        font-size:10px;
        font-weight: normal;
        font-family: 'Verdana', sans-serif;
    }
    p.card_email {
        margin: 0px;
        padding: 0px;
        font-size:10px;
        font-family: 'Verdana', sans-serif;
    }
    p.card_space1 {
        height: 3px;
    }
    p.card_space2 {
        height: 1px;
    }
    p.card_linhaembranco {
        height: 2px;
    }
    table.card_maintable {
        border: 0px;
        padding: 0px;
    }
    table tr {
        border: 0px;
        padding: 0px;
    }
    table tr td{
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: central;
    }
    table tr td.card_logo{
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: middle;
        align-content: center;
    }
    table tr td.card_qrcode{
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: bottom;
        text-align: center;
    }
    table tr td.card_colih{
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: text-top;
        border-spacing: 0 5px;
    }
    table .card_colih{
        width: 309px; 
        height: 158px;
        border: 0px;
        padding: 0px;
        margin: 0px;
        vertical-align: text-top;
        table-layout:fixed;
    }
</style>
                    <table class="card_colih">
                        <tbody>
                            <tr>
                                <td class="card_logo" rowspan="2">
                                    <img src="{{ $base64 }}" class='card_imglogo'>
                                </td>
                                <td class="card_header" colspan="4" nowrap>
                                    <p class="card_titulo">
                                        @if($user->role->is_hlc_member)
                                            Comissão de Ligação<br/>
                                            com Hospitais
                                        @elseif($user->role->is_pvg_member)
                                            Grupo de Visitas a Pacientes
                                        @else
                                            Comissão de Ligação<br/>
                                            com Hospitais                                            
                                        @endif
                                    </p>
                                    <p class="card_subtitulo">para as Testemunhas de Jeová</p>
                                </td>
                            </tr>
                            <tr class="card_data">
                                <td class="card_member" colspan="4" nowrap>
                                    <p class="card_region">{!! $user->region ? ($user->region->description ? $user->region->description : "&nbsp;") : "&nbsp;" !!}</p>
                                    <p class="card_space1"></p>
                                    <p class="card_username">{!! $user->name !!}</p>
                                    @if($user->role->is_hlc_member || $user->role->is_pvg_member)
                                        <p class="card_function">Ministro</p>
                                    @else
                                        <p class="card_function">Secretária</p>
                                    @endif
                                    <p class="card_space2"></p>
                                </td>
                            </tr>
                            <tr>
                                <td class="card_tel" nowrap>
                                    <p class="card_fone">Tel. (24h) <a href="tel:{!! $user->phone_primary !!}">{!! $user->phone_primary !!}</a></p>
                                    <br/>
                                    <p class="card_link">https://jw.org/medical</p>
                                </td>
                                <td class="card_contact" nowrap colspan='4'>
                                    @if($cardemail==1)
                                    <p class="card_email">{!! $emailsupport !!}</p>
                                    @elseif($cardemail==2)
                                    <p class="card_email">{!! $user->region ? $user->region->email : $emailsupport !!}</p>
                                    @elseif($cardemail==3)
                                    <p class="card_email">{!! $user->email !!}</p>
                                    @else
                                    <p class="card_email">hid.br@jw.org</p>
                                    @endif
                                    <p class="card_address">
                                        {!! $user->region ? (isset($user->region->address) ? "<p>".str_replace("\n","</p><p>",$user->region->address)."</p>" : '&nbsp;') : "" !!}
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@else
<br/>
Este recurso não está disponível para usuários com perfil Administrador.<br/><br/>
<x-form.header.button-back/>
@endif

@endsection