@extends('layouts.app')

@section('title', 'Cadastros - Ficha Email')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .select2-container .select2-selection--single{ height: 33px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 30px; right: 1px; background: #ccc; border: 1px solic #ccc; border-bottom-right-radius: 3px; border-top-right-radius: 3px;}
    .section-page{ margin-top: 45px; margin-left: 8px; width: 100%;}
</style>
<header class="page-header">
    <h2>Cadastros</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><a href="{{ route('parceiros.index') }}">Parceiros</a></li>
            <li><span>Ficha email</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4>Ficha por email</h4>
        </div>
        <div class="panel-body">
        <form id="form-ficha-cadastro" action="{{ route('enviar.ficha-cadastro') }}" method="post">@csrf
            <div class="row row-mt form-group">
                <div class="col-md-6">
                    <label for="destinatario">Email destinatário</label>
                    <input type="email" name="destinatario" id="destinatario" class="form-control" required maxlength="80">
                </div>
                <div class="col-md-6">
                    <label for="remetente">Email remetente</label>
                    <input type="email" name="remetente" id="remetente" class="form-control" value="{{ Auth::user()->email }}" required maxlength="80">
                </div>
            </div>
            <div class="row row-mt form-group">
                <div class="col-md-6">
                    <label for="titulo">Título</label>
                    <input type="text" name="titulo" id="titulo" class="form-control" required maxlength="50">
                </div>
                <div class="col-md-6">
                    <label for="tp_cliente">Tipo cliente</label>
                    <select name="tp_cliente" id="tp_cliente" class="form-control" required>
                        <option value="F">FÍSICA</option>
                        <option value="J">JURÍDICA</option>
                    </select>
                </div>
            </div>
            <div class="row row-mt form-group">
                <div class="col-md-12">
                    <label for="mensagem">Mensagem</label>
                    <textarea name="mensagem" id="mensagem" class="form-control" rows="3" maxlength="1000"></textarea>
                </div>
            </div>

            <div class="row row-mt">
                <div class="col-md-12 text-right">
                    <button type="submit" class="btn btn-success btn-flex text-uppercase">
                        <i class="fa fa-send fa-fw"></i>
                        enviar email
                    </button>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>
@endsection