@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                                    <div class="page-title text-danger">Sin Sucursal</div>
                                </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li><i class="fa fa-users"></i>&nbsp;<a class="parent-item" href="{{ url('/clientes') }}">Listado de
                                Clientes</a>
                            &nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Perfil de Cliente - {{ isset($edit) ? 'Actualizar' : 'Nuevo' }}</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Perfil de Cliente
                                -{{ isset($edit) ? 'Actualizar (' . $edit->cliente_nombres . ' ' . $edit->cliente_apellido1 . ' ' . $edit->cliente_apellido2 . ')' : 'Nuevo' }}
                            </header>
                        </div>
                       
                            {!! Form::model($edit, [
                                'url' => ['cliente/editar-perfil/' . $edit->cliente_id],
                                'method' => 'PATCH',
                                'enctype' => 'multipart/form-data',
                                'id' => 'frmClientes',
                            ]) !!}
                        


                        <div class="card-body">
                           
                          
                           <input type="hidden" name="url_action" value="{{$url_valor}}">
                          
                            <div class="row mb-1">

                                <div class="col-6">
                                    <label for="">Correo</label>
                                    <input 
                                        type="email" 
                                        name="email" 
                                        id="email" placeholder="micorreo@test.com"
                                        class="form-control" 
                                        value="{{ isset($edit) ? $edit->cliente_email : null }}"
                                        onkeydown="javascript:this.value=this.value.toLowerCase()">
                                </div>
                                {!! Form::mtextAr(
                                    'direccion',
                                    isset($edit) ? $edit->cliente_direccion : null,
                                    'Dirección',
                                    $errors,
                                    6,
                                    false,
                                    false,
                                    'onkeyup="javascript:this.value=this.value.toUpperCase()"',
                                ) !!}
                            </div>
                         
                        
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="codigo_telefono_pais">Codigo Telefono</label>
                                        <select name="codigo_telefono_pais" id="codigo_telefono_pais"
                                            class="form-control select2">
                                            <option value="+506">Costa Rica</option>
                                            @php
                                                $data = json_decode(file_get_contents(public_path('/js/CountryCodes.json')));
                                            @endphp
                                            @foreach ($data as $country)
                                                <option value="{{ $country->dial_code }}"
                                                    @if (@$edit->codigo_telefono_pais == $country->dial_code) selected='selected' @endif>
                                                    {{ $country->name }} ({{ $country->dial_code }})</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-1 col-md-8">
                                    {!! Form::mtext('celular', isset($edit) ? $edit->cliente_celular : null, 'Celular', $errors, 6, true, true, [
                                        ['onkeypress' => 'return event.charCode > 47 && event.charCode < 58;'],
                                        ['maxlength' => '8'],
                                    ]) !!}

                                    @php $telefonos =  isset($edit) ? str_replace(']','',str_replace('"]','',str_replace('"','',str_replace('["','',$edit->cliente_telefonos)))) : null; @endphp

                                    {!! Form::mtextTags('telefonos', $telefonos, 'Otros Teléfonos', $errors, 6, false, true, [
                                        ['onkeyup' => 'return event.charCode > 47 && event.charCode < 58;'],
                                    ]) !!}
                                    <!--<input type="text" class="form-control tags-input" data-type="tags" name="">-->
                                </div>
                            </div>

                            <div class="row mb-1 ">
                                
                                <div class="col-3">
                                    <label for="telefonos" class="form-label">Autoriza Envio de Email? </label><br>
                                    <input type="checkbox" name="autorizacion_email" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->cliente_autoriza_envio_email ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                                <div class="col-3">
                                    <label for="telefonos" class="form-label">Autoriza el Envio de SMS?</label><br>
                                    <input type="checkbox" name="autorizacion_sms" data-off="No" data-on="Si"
                                        {{ isset($edit) ? ($edit->cliente_autoriza_envio_sms ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>

                                


                                <div class="col-3">
                                    <label for="telefonos" class="form-label">Perfil esta confirmado?</label><br>
                                    <input type="checkbox" name="profile_updated" data-off="No" data-on="Si"
                                        {{ isset($edit) ? (($edit->profile_confirmed==1) ? 'checked' : '') : '' }}
                                        data-toggle="toggle" data-onstyle="primary" data-offstyle="danger">
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-center">
                            <div class="text-center">
                                <button type="submit" class="btn bg-success">Aceptar</button>
                                <a class="btn bg-danger" onclick="goBack()">Cancelar</a>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        
        function goBack() {
            window.history.back();
        }
       
        $(document).ready(function() {
            //Initialize Select2 Elements
           

           
        });
    </script>
@endsection