@php
    use App\Http\Controllers\Mod\ModClientProviderClass;
@endphp


<div id="cardPlusContact" style="height: 0px;  overflow: hidden; " class="m-l-5  font-13">

    <h4 class="text-themecolor">Adicionar contato</h4>

    <div class="row">
        <div class="col-1 nowrap d-inline-flex m-t-5">
            <i class="mdi mdi-account-multiple"></i>
            <span class="d-none d-md-block m-l-5">Nome:</span>
        </div>

        <div class="col-8 m-b-10 m-l-10">
            <input type="text" tabindex="311" class="form-control form-control-sm text-uppercase "
                   name="contactName"
                   id="contactName" value="" placeholder="Nome do contato" required="">
        </div>
        <div class="d-flex align-items-center m-b-10">
            <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
               title="Inserir o nome do contato."></i>
        </div>
    </div>

    <div class="row">
        <div class="col-1 nowrap d-inline-flex m-t-5">
            <i class="mdi mdi-cellphone-android"></i> <span class="d-none d-md-block m-l-5"> Cel:</span>
        </div>

        <div class="col-8 nowrap m-b-10 m-l-10">
            <input type="text" tabindex="311" maxlength="15" minlength="14"
                   class="form-control form-control-sm  mask-cel-marcos" name="contactCel"
                   id="contactCel" value="" placeholder="Celular" required="">

            <div class="d-inline-flex align-items-center">
                <i class="mdi mdi-whatsapp" style=" color: #28a141; font-size: 15px;"></i>

                <input type="checkbox" id="contactCelNet" name="contactCelNet"
                       style="height: 15px;"
                       class="filled-in chk-col-cyan form-control-sm ">
                <label for="contactCelNet" class="mb-0 mt-1 ml-2"></label>
            </div>

        </div>
    </div>

    <div class="row">
        <div class="col-1 nowrap d-inline-flex m-t-5">
            <i class="mdi mdi-email"></i> <span class="d-none d-md-block m-l-5">Email:</span>
        </div>

        <div class="col-8 m-b-10 m-l-10">
            <input type="email" tabindex="311" class="form-control form-control-sm text-lowercase "
                   name="contactEmail"
                   id="contactEmail" value="" placeholder="Email" required="">
        </div>

        <div class="d-flex align-items-center m-b-10">
            <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
               title="Inserir o email do contato."></i>
        </div>
    </div>

    <div class="row">
        <div class="col-1 nowrap d-inline-flex m-t-5">
            <span class="mdi mdi-badge-account"></span><span class="d-none d-md-block m-l-5">Dep:</span>
        </div>

        <div class="col-8 m-l-10 d-flex">
            <select class="form-control form-control-sm" tabindex="315" name="idContactClass"
                    id="idContactClass"
                    required>
                <option value="">---</option>
                @foreach( ModClientProviderClass::information('0') as $row_class)
                    <option value="{{$row_class->idContactClass}}">{{$row_class->xName}}</option>
                @endforeach
            </select>
        </div>

        <div class="d-flex align-items-center m-b-10">
            <i class="bi bi-exclamation-circle input-tooltip" data-toggle="tooltip" data-placement="top"
               title="Selecione o departamento do contato."></i>
        </div>
    </div>
</div>