@extends('Componentes.app')

@section('title', 'Edição de Mapas')
@section('items-edit')

<form action="{{route('items-store',$id)}}" method="post" class="p-4">
    @csrf
    <input type="text" name="map_completo_id" hidden value="{{$id}}">
    <input type="text" name="transportadora_id" hidden value="{{$id_transportadora}}">
    <div class="row card p-4 shadow"> 
    <h3 style="margin-top: 40px !important">Criação de Mapas <b class="text-primary"></b></h3>
    <div class="row ">
        <div class="col-4">
            <div class="mb-3">
                <label for="cnpj" class="form-label mt-4">CNPJ<b style="color:red">*</b></label>
                <input type="text" class="form-control" id="cnpj" name="cnpj" maxlength="14" pattern="\d{14}" required placeholder="Digite o CNPJ">
                <div class="invalid-feedback">O CNPJ deve ter exatamente 14 dígitos.</div>
            </div>
        </div>
            <div class="col-4">
                <div class="mb-3">
                    <label for="nome_cliente" class="form-label mt-4">Nome do cliente</label>
                    <input type="text" class="form-control" id="nome_cliente" name="nome_cliente"   placeholder="Digite o Nome do cliente" value=""> 
                </div>
            </div>
            <div class="col-4">
                <div class="mb-3">
                    <label for="gtv" class="form-label mt-4">GTV</label>
                    <input type="text" class="form-control" id="nome_cliente" name="gtv"   placeholder="Digite GTV">   
                </div>
            </div>
    </div>
    <div class="row">
        <div class="col-4">
            <div class="mb-3">
                <label for="lacre" class="form-label mt-4">Lacre</label>
                <input type="text" class="form-control" id="cnpj" name="lacre"   placeholder="Digite o Lacre">
                <div class="invalid-feedback">O CNPJ deve ter exatamente 14 dígitos.</div>
            </div>
        </div>
            <div class="col-4">
                <div class="mb-3">
                    <label for="atm" class="form-label mt-4">ATM</label>
                    <input type="text" class="form-control" id="nome_cliente" name="atm"   placeholder="Digite o Código do cofre">
                   
                </div>
            </div>
            <div class="col-4">
                <div class="mb-3">
                    <label for="diferenca" class="form-label mt-4">Diferença</label>
                    <input type="number" class="form-control" id="nome_cliente" name="diferenca"  placeholder="Digite a diferença" value="0">
                </div>
            </div>  
    </div>   
    <div class="row">
        <div class="col-6">
            <div class="mb-3">
                <label for="total_informado_envelope" class="form-label mt-4">Total Informado Envelope <b style="color:red">*</b></label>
                <input type="number" class="form-control" required id="total_informado_envelope" name="total_informado_envelope"  value="0">
            </div>
        </div>
        <div class="col-6">
            <div class="mb-3">
                <label for="total_informado_moeda" class="form-label mt-4">Total Informado Moeda <b style="color:red">*</b></label>
                <input type="number" class="form-control" required id="total_informado_moeda" name="total_informado_moeda"  value="0">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-6">
            <div class="mb-3">
                <label for="total_apurado_envelope" class="form-label">Total Apurado Envelope <b style="color:red">*</b></label>
                <input type="number" class="form-control" required id="total_apurado_envelope" name="total_apurado_envelope" value="0">
            </div>
        </div>
        <div class="col-6">
            <div class="mb-3">
                <label for="total_apurado_moeda" class="form-label">Total Apurado Moeda <b style="color:red">*</b></label>
                <input type="number" class="form-control" required id="total_apurado_moeda" name="total_apurado_moeda" value="0">
            </div>
        </div>
    </div>
    <div class="col-2">

        <button type="submit" class="btn btn-primary">Adicionar Linha</button>
    </div>
</div>
</form>

@endsection