@extends('operacional.operacional')


@section('content')
    <div class="bg-white max-w-screen max-h-auto max-w-auto mx-auto sm:w-full xl:w-11/12  rounded-lg mt-16 mb-16 pb-8 pt-8">
        <h1 class="text-orangeblack text-lg font-bold  m-3 mt-3 mb-3 p-3">Operacional - <span class="text-lg">Cadastro destino</span> </h1>
        <div id="formCadastroMotorista">
            <form class="max-w-auto mx-auto p-6">
                <div class="mb-8">
                    <label for="name" class="block mb-2 text-sm font-medium text-blueblack "></label>
                    <input type="text" id="driverName" class="shadow-sm bg-gray-50 border border-gray-300 text-blueblack text-base rounded-lg focus:ring-orangeblack focus:border-orangeblack block w-full p-2.5  dark:focus:ring-orangeblack dark:focus:border-orangeblack " placeholder="Nome" required />
                </div>
                <div class="mb-8">
                    <label for="cpf" class="block mb-2 text-sm font-medium text-blueblack "></label>
                    <input type="text" id="driverCpf" class="shadow-sm bg-gray-50 border border-gray-300 text-blueblack text-base rounded-lg focus:ring-orangeblack focus:border-orangeblack block w-full p-2.5     dark:focus:ring-orangeblack dark:focus:border-orangeblack " placeholder="CPF" required />
                </div>
                <div class="mb-8">
                    <label for="empresa" class="block mb-2 text-sm font-medium text-blueblack "></label>
                    <input type="text" id="companyDriver" class="shadow-sm bg-gray-50 border border-gray-300 text-blueblack text-base rounded-lg focus:ring-orangeblack focus:border-orangeblack block w-full p-2.5     dark:focus:ring-orangeblack focus:border-orangeblack " placeholder="Empresa" required />
                </div>
                <div class="mb-8">
                    <label for="cnpj" class="block mb-2 text-sm font-medium text-blueblack "></label>
                    <input type="text" id="companyCnpj" class="shadow-sm bg-gray-50 border border-gray-300 text-blueblack text-base rounded-lg focus:ring-orangeblack focus:border-orangeblack block w-full p-2.5     dark:focus:ring-orangeblack dark:focus:border-orangeblack " placeholder="CNPJ" required />
                </div>
                <button type="submit" class="text-white bg-blueblack hover:bg-orangeblack focus:ring-2 focus:outline-none focus:ring-orangeblack font-medium rounded-lg text-sm px-5 py-2.5 text-center">Cadastrar</button>
            </form>
        </div>
    </div>

@endsection