@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Crear cliente</div>

                    <div class="card-body">
                        <form method="POST" action="{{ route('createCustomer') }}">
                            @csrf
                            <div class="mb-3">
                                <label for="nif" class="form-label">NIF</label>
                                <input type="text" class="form-control" id="nif" name="client_nif" required>
                            </div>
                            <div class="mb-3">
                                <label for="name" class="form-label">Nombre</label>
                                <input type="text" class="form-control" id="name" name="client_name" required>
                            </div>
                            <div class="mb-3">
                                <label for="alias" class="form-label">Alias</label>
                                <input type="text" class="form-control" id="alias" name="client_alias">
                            </div>
                            <div class="mb-3">
                                <label for="address" class="form-label">Dirección</label>
                                <input type="text" class="form-control" id="address" name="client_address" required>
                            </div>
                            <div class="mb-3">
                                <label for="city" class="form-label">Ciudad</label>
                                <input type="text" class="form-control" id="city" name="client_city" required>
                            </div>
                            <div class="mb-3">
                                <label for="postalCode" class="form-label">C.P.</label>
                                <input type="text" class="form-control" id="postalCode" name="client_postal_code" required>
                            </div>
                            <div class="mb-3">
                                <label for="state" class="form-label">Provincia</label>
                                <input type="text" class="form-control" id="state" name="client_state" required>
                            </div>
                            <div class="mb-3">
                                <label for="phone" class="form-label">Teléfono</label>
                                <input type="text" class="form-control" id="phone" name="client_phone">
                            </div>
                            <div class="mb-3">
                                <label for="email" class="form-label">E-mail</label>
                                <input type="text" class="form-control" id="email" name="client_email">
                            </div>
                            <div class="mb-3">
                                <label for="state" class="form-label">Imp. RE</label>
                                <select class="form-select" name="client_re">
                                        <option value="1"> Si</option>
                                        <option value="0"> No</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="state" class="form-label">Vendedor</label>
                                <select class="form-select" name="salesman_id">
                                    @foreach($salesmanAvailable as $salesman)
                                        <option value="{{ $salesman->id }}">{{ $salesman->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <button type="submit" class="btn btn-primary">Crear</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection