@extends('evsafes.layout')

@section('content')

<div class="card mt-5">
  <h2 class="card-header">Register new EV-SAFE Product</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('evsafes.index') }}"><i class="fa fa-arrow-left"></i> Back</a>
    </div>

    <form action="{{ route('evsafes.store') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label for="inputCustomer" class="form-label"><strong>Customer:</strong></label>
            <select name="customerID" class="form-control">
            <option value="">-- Select Customer --</option>
                @forelse ($customers as $customer )
                    <option value="{{ $customer->id}}" {{ request('customer')==$customer->id ? 'selected' : ''}} >
                    {{ $customer->name }}
                    </option>
                @empty
                    <option value="">-- no customer -- </option>
                @endforelse
            </select>
            @error('customerID')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="inputSN" class="form-label"><strong>S.N.:</strong></label>
            <input
                type="text"
                name="sn"
                value=""
                class="form-control @error('sn') is-invalid @enderror"
                id="inputActivation"
                placeholder="SN number">
            @error('sn')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="inputSku" class="form-label"><strong>Product code:</strong></label>
            <select name="sku" class="form-control">
            <option value="">-- Select Product code --</option>
                @forelse ($sku_distinct as $sku )
                    <option value="{{ $sku->sku}}" {{ request('sku')==$sku->sku ? 'selected' : ''}} >
                    {{ $sku->sku }}
                    </option>
                @empty
                    <option value="">-- no reseller -- </option>
                @endforelse
            </select>
             @error('sku')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="inputReseller" class="form-label"><strong>Reseller:</strong></label>
            <select name="resellerID" class="form-control">
                @forelse ($resellers as $reseller )
                    <option value="{{ $reseller->id}}" {{ request('resellerID')==$reseller->id ? 'selected' : ''}} >
                    {{ $reseller->name }}
                    </option>
                @empty
                    <option value="">-- no reseller -- </option>
                @endforelse
            </select>
            @error('resellerID')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3m">
            <label for="inputAnnotations" class="form-label"><strong>Annotations:</strong></label>
            <textarea
                class="form-control @error('annotations') is-invalid @enderror"
                style="height:150px"
                name="annotations"
                id="inputAnnotations"
                placeholder="Annotations"></textarea>
            @error('annotations')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        @session('success')
            <div class="alert alert-success" role="alert"> {{ $value }} </div>
        @endsession
       @if(session('error'))
           <div class="error">
               {{ session('error') }}
           </div>
       @endif
        <button type="submit" class="btn btn-success"><i class="fa-solid fa-floppy-disk"></i> Register</button>
    </form>

  </div>
</div>
@endsection