@extends('adminlte.app')

@section('content')

<div class="content-wrapper pb-3">
    <!-- Content Header (Page header) -->
 <div class="content-header">
     <div class="container-fluid">
         <div class="row mb-2">
             <div class="col-sm-6">
                 <h1 class="m-0">Canais</h1>
             </div><!-- /.col -->
             <div class="col-sm-6">
         
             </div><!-- /.col -->
         </div><!-- /.row -->
     </div><!-- /.container-fluid -->
 </div>
<!-- /.content-header -->

@if ($message = Session::get('success'))
<div class="alert alert-success">
    <p>{{ $message }}</p>
</div>
@endif

<div class="card mx-3 mt-3">
    <div class="card-header">
        <div class="row">
            <div class="col-md-4">
                Canais
            </div>
            <div class="col-md-8 text-right">
                <a href="javascript:history.back()"><button type="button" id="voltar" class="btn btn-primary d-print-none">Voltar</button></a>
            </div>
        </div>
    </div>
    <form action="/canais/{{ $canal->id }}" method="POST" class="pt-4">
        @csrf
        @method('PATCH')

        <div class="row py-4 pl-3">
            <div class="col-sm-3">
                <label for="nome_canal">Nome do Canal</label>
                <input type="text" name="nome_canal" id="nome_canal" value="{{ $canal->nome_canal }}" class="form-control" required>
            </div>
            <div class="col-sm-3">
                <label for="vermelho">Vermelho (Dias vencidos)</label>
                <input type="number" step="1" name="vermelho" id="vermelho" value="{{ $canal->vermelho }}" class="form-control" required>
            </div>
            <div class="col-sm-3">
                <label for="amarelo">Amarelo (Dias vencidos)</label>
                <input type="number" step="1" name="amarelo" id="amarelo" value="{{ $canal->amarelo }}" class="form-control" required>
            </div>
            <div class="col-sm-3">
                <label for="verde">Verde (Dias vencidos)</label>
                <input type="number" step="1" name="verde" id="verde" value="{{ $canal->verde }}" class="form-control" required>
            </div>

            <div class="col-sm-3">
                <label for="iban">IBAN</label>
                <input type="text" name="iban" id="iban" value="{{ $canal->iban }}" class="form-control">
            </div>

            <div class="col-sm-3 pt-3">
                <button class="btn btn-primary rounded mx-auto">Atualizar</button>
            </div>
        </div>
    </form>
</div>
</div>
<script type="text/javascript">
    $("#telefone").mask("(00) 0000-0000");
    $("#celular").mask("(00) 00000-0000");
 </script>
@endsection