@extends('layout.layout')


@section('section_title') {{ $section_title }} @endsection

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/dropzone/dropzone.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/ui-confirm/duDialog.min.css')}}" />
<style>
    .dropzone {
        padding: 0 !important;
    }

    .dz-image {
        width: 160px !important;
        height: 160px !important;
    }

    .dz-image img {
        width: 100% !important;
    }

    .tab-content {
        background-color: transparent !important;
    }
</style>

<link rel="stylesheet" type="text/css" href="{{ asset('assets/lib/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css') }}" />
<link rel="stylesheet" type="text/css" href="https://daneden.github.io/animate.css/animate.min.css" />
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    @if(isset($cliente) && \Auth::user()->cliente_id != $cliente->id)
    <li class="breadcrumb-item"><a href="/clientes">Clientes</a></li>
    @endif
    <li class="breadcrumb-item active">{{ $section_title }}</li>
</ol>
@endsection
@section('content')

<div class="row">
    <div class="col-sm-12">
        <p class=" {{Session::has('message') ? '' : 'd-none'}} alert animated fadeIn {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}
        </p>
    </div>
</div>
@if(isset($cliente))
<form id="updateForm" role="form" name="formContato" method="POST" action="/api/clientes/{{$cliente->id}}">
    @else
    <form role="form" name="formContato" method="POST" action="/api/clientes/store" enctype="multipart/form-data">
        @endif
        <input type="hidden" name="id" value="{{ isset($cliente->id) ? $cliente->id : '' }}">
        <input type="hidden" name="uid" value="{{ Auth::user()->id }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="row">
            <div class="col-lg-8 col-md-12">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <h2>Dados Gerais</h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <label>Nome</label>
                                            <input class="form-control" type="text" placeholder="Nome" name="nome" value="{{isset($cliente->nome) ? $cliente->nome : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="nome">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-4"@if(isset($cliente) && \Auth::user()->cliente_id == $cliente->id) style="display:none" @endif >
                                        <div class="form-group">
                                            <label class="form-control" style="margin-top: 28px;">
                                                <input name="mensalista" type="checkbox" {{isset($cliente) && $cliente->mensalista == 1 ? 'checked' : ''}} {{isset($cliente) && \Auth::user()->cliente_id == $cliente->id ? 'disabled' : ''}}> Mensalista
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Telefone</label>
                                            <input type="text" class="form-control error telefone" placeholder="Telefone" name="telefone" value="{{isset($cliente->telefone) ? $cliente->telefone : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="telefone">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Celular</label>
                                            <input type="text" class="form-control error telefone" placeholder="Celular" name="celular" value="{{isset($cliente->celular) ? $cliente->celular : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="celular">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Whatsapp</label>
                                            <input type="text" class="form-control error telefone" placeholder="Whatsapp" name="whatsapp" value="{{isset($cliente->whatsapp) ? $cliente->whatsapp : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="whatsapp">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group nopadding">
                                            <label>E-mail</label>
                                            <input type="text" class="form-control error email" placeholder="E-mail" name="email" value="{{isset($cliente->email) ? $cliente->email : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="email">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group nopadding">
                                            <label>CEP</label>
                                            <input type="text" class="form-control cep" placeholder="CEP" name="cep" value="{{isset($cliente->cep) ? $cliente->cep : ''}}" onblur="searchCep()">
                                            <ul class="parsley-errors-list filled" style="display:none" for="cep">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group nopadding">
                                            <label>Estado</label>
                                            <select name="estado" class="form-control select2 estadoCliente error" value="{{isset($cliente->estado) ? $cliente->estado : ''}}">

                                            </select>
                                            <ul class="parsley-errors-list filled" style="display:none" for="estado" >
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Cidade</label>
                                            <select name="cidade" class="form-control select2 cidadeCliente error" value="{{isset($cliente->cidade) ? $cliente->cidade : ''}}" disabled></select>
                                            <ul class="parsley-errors-list filled" style="display:none" for="cidade">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Bairro</label>
                                            <input type="text" class="form-control error" placeholder="Bairro" name="bairro" value="{{isset($cliente->bairro) ? $cliente->bairro : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="bairro">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group nopadding">
                                            <label>Rua</label>
                                            <input type="text" class="form-control error" placeholder="Rua" name="rua" value="{{isset($cliente->rua) ? $cliente->rua : ''}}">
                                            <ul class="parsley-errors-list filled" style="display:none" for="rua">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-2">
                                        <div class="form-group nopadding">
                                            <label>Nº</label>
                                            <input type="number" class="form-control error" placeholder="Nº" name="numero" value="{{isset($cliente->numero) ? $cliente->numero : ''}}">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group nopadding">
                                            <label>Complemento</label>
                                            <input type="text" class="form-control error" placeholder="Complemento" name="complemento" value="{{isset($cliente->complemento) ? $cliente->complemento : ''}}">
                                        </div>
                                    </div>
                                </div>
                                <hr>
                                <div class="row">
                                    <div class="col-md-12">
                                        <h2>Documentos</h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 col-sm-4">
                                        <div class="form-group">
                                            <label>Tipo</label>
                                            <p style="font-size: 15pt; padding: 10px">{{isset($cliente) && \Auth::user()->cliente_id == $cliente->id ? $cliente->tipo == "F" ? 'Física' : 'Jurídica' : ''}}</p>
                                            <select class="form-control" name="tipo" @if(isset($cliente) && \Auth::user()->cliente_id == $cliente->id) style="display:none" @endif>
                                                <option value="">Selecione</option>
                                                @foreach(['J'=>'Jurídica','F'=>'Física'] as $key => $tipo)
                                                    <option value="{{$key}}" {{isset($cliente) && $cliente->tipo == $tipo  ? 'selected' : ''}}>
                                                        {{ $tipo }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            <ul class="parsley-errors-list filled" style="display:none" for="tipo">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-8">
                                        <div class="form-group">
                                            <label>Documento</label>
                                            <p style="font-size: 15pt; padding: 10px">{{isset($cliente) && \Auth::user()->cliente_id == $cliente->id ? $cliente->documento : ''}}</p>
                                            <input class="form-control error" type="{{isset($cliente) && \Auth::user()->cliente_id == $cliente->id ? 'hidden' : 'text'}}" placeholder="N Documento" name="documento" value="{{isset($cliente->documento) ? $cliente->documento : ''}}" >
                                            <ul class="parsley-errors-list filled" style="display:none" for="documento">
                                                <li class="parsley-required"></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12">
                                        <h2>Usuários</h2>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table">

                                            <thead class="">
                                            <tr>
                                                <th>Id</th>
                                                <th>Nome</th>
                                                <th>Email</th>
                                                <th>Perfil</th>
                                                <th>Status</th>
                                                <th></th>
                                            </tr>
                                            </thead>

                                            <tbody>