@extends('evsafes.layout')


@section('content')
    
<div class="card mt-5">
  <h2 class="card-header">Edit 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>

    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>S.N.:</strong> <br/>
                {{ $evsafe->sn }}
            </div>
        </div>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="form-group">
                <strong>Sku:</strong> <br/>
                {{ $evsafe->sku }}
            </div>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 mt-2">
            <div class="form-group">
                <strong>key:</strong> <br/>
                {{ $evsafe->key }}
            </div>
        </div>
    </div>

    <form action="{{ route('evsafes.update',$evsafe->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label for="inputActivation" class="form-label"><strong>Activation at:</strong></label>
            <input
                type="datetime-local"
                name="activation_at"
                value="{{ $evsafe->activation_at }}"
                class="form-control @error('activation_at') is-invalid @enderror"
                id="inputActivation"
                placeholder="Activation date">
            @error('activation_at')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="mb-3">
            <label for="inputExpiration" class="form-label"><strong>Expiry at:</strong></label>
            <input
                type="datetime-local"
                name="expiry_at"
                value="{{ $evsafe->expiry_at }}"
                class="form-control @error('expiry_at') is-invalid @enderror"
                id="inputExpiration"
                placeholder="Expiration date">
            @error('expiry_at')
                <div class="form-text text-danger">{{ $message }}</div>
            @enderror
        </div>

        <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}}" {{ ($evsafe->customerID == $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-3m">
            <div class="form-group">
                <strong>Options:</strong>
                <br/>
                <input type="hidden" id="options" name="options" value="{{ $evsafe->options_enable }}">
                @for($i=0;$i<$options_len;$i++)
                    <label><input type="checkbox" id="id_options_{{ $i }}" value="{{$options[$i]->id}}" class="name" {{ ($options_enable[$i]=='true') ? 'checked' : ''}} onchange="setOptions('{{$options_len}}')">
                    {{ $options[$i]->name }}</label>
                <br/>
                @endfor
            </div>
        </div>
<br>
        <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">{{ $evsafe->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> Update</button>
    </form>

  </div>
</div>
@endsection