@extends('customers.layout')

@section('content')

<div class="card mt-5">
  <h2 class="card-header">Add New Customer</h2>
  <div class="card-body">

    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
        <a class="btn btn-primary btn-sm" href="{{ route('customers.index') }}"><i class="fa fa-arrow-left"></i> Back</a>
    </div>

    <form action="{{ route('customers.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        
        <input type="hidden" name="user_id" value="{{ Auth()->user()->id }}">
        <input type="hidden" name="user_name" value="{{ Auth()->user()->name }}">

    <label for="customerType"><strong>Customer type:</strong></label>
<select name="type" id="type"class="form-control">
    <option value="">-- Select Type --</option>
    @forelse ($types as $type)
        <option value="{{ $type->name}}" {{ request('country')==$type->name ? 'selected' : ''}} >
            {{$type->name}}
        </option>
    @empty
        
    @endforelse
</select>
        <div class="mb-3">
            <label for="inputName" class="form-label"><strong>Name:</strong></label>
            <input
                type="text"
                name="name"
                class="form-control @error('name') is-invalid @enderror"
                id="inputName"
                placeholder="Name">
            @error('name')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="mb-3">
            <label for="inputCompany" class="form-label"><strong>Company:</strong></label>
            <input
                type="text"
                name="company"
                class="form-control @error('company') is-invalid @enderror"
                id="inputCompany"
                placeholder="Company">
            @error('company')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="mb-3">
            <label for="inputVat" class="form-label"><strong>VAT number:</strong></label>
            <input
                type="text"
                name="vat"
                class="form-control @error('vat') is-invalid @enderror"
                id="inputVat"
                placeholder="VAT number">
            @error('vat')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

         <div class="mb-3">
            <label for="inputEmail" class="form-label"><strong>Email:</strong></label>
            <input
                type="email"
                name="email"
                class="form-control @error('email') is-invalid @enderror"
                id="inputEmail"
                placeholder="Email">
            @error('email')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

    <label for="country"><strong>Country:</strong></label>
<select name="country" id="country"class="form-control">
    <option value="">-- Select Country --</option>
    @forelse ($countries as $country )
        <option value="{{ $country->name}}" {{ request('country')==$country->name ? 'selected' : ''}} >
            {{ $country->name}}
        </option>
    @empty
        
    @endforelse
</select>
       <div class="mb-3">
            <label for="inputCity" class="form-label"><strong>City:</strong></label>
            <input
                type="text"
                name="city"
                class="form-control @error('city') is-invalid @enderror"
                id="inputCity"
                placeholder="City">
            @error('city')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>
       <div class="mb-3">
            <label for="inputAddress" class="form-label"><strong>Address:</strong></label>
            <textarea
                class="form-control @error('address') is-invalid @enderror"
                style="height:100px"
                name="address"
                id="inputAddress"
                placeholder="Address"></textarea>
            @error('address')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>
        <button type="submit" class="btn btn-success"><i class="fa-solid fa-floppy-disk"></i> Create</button>
    </form>
    </div>
</div>
@endsection