@extends('dashboard.layout.partials.dashboard')
@section('content')
<style>
  /* Remove arrows in Chrome, Safari, Edge */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Remove arrows in Firefox */
  input[type="number"] {
    -moz-appearance: textfield;
  }
   .bg-color{
        background-color:white;
        padding-top:20px;
        text-align: center !important;
    }
    .text{
    font-size: 24px; 
    font-family: "Arial", sans-serif; 
    font-weight: bold;
    color:black;
    font-family: "Arial", sans-serif; 
    }
</style>

    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
 
                <div class="card shadow">
                   <div class="card-header bg-color ">
                       <h4 class="text" >Edit Mechanic Scheme</h4>
                   </div>
                  <div class="card-body ">
                    
                    <form class="forms-sample" method="POST" action="{{route('mechanic.scheme.update',[$scheme->id])}}" enctype="multipart/form-data">
                     @csrf()
                      <div class="form-group">
                        <label for="product_name">Scheme Name<span style="color:red">*</span></label>
                        <input type="text" class="form-control" name="scheme_name" value='{{$scheme->scheme_name}}' autocomplete="off" id="product_name" placeholder="Scheme Name">
                      </div>
                      <div class="form-group">
                        <label for="qty">Quantity<span style="color:red">*</span></label>
                        <input type="number" class="form-control" name="qty" value='{{$scheme->qty}}' autocomplete="off" id="qty" placeholder="Quantity">
                      </div>
                      <div class="form-group">
                            <label for="qty">Time (should be in seconds)<span style="color:red">*</span></label>
                            <input type="number" class="form-control" name="time" value='{{$scheme->time}}' autocomplete="off" id="time" placeholder="Time">
                      </div>
                      <div class="form-group">
                        <label for="product_name">Scheme Points<span style="color:red">*</span></label>
                        <input type="text" class="form-control" name="points" value='{{$scheme->points}}' autocomplete="off" id="points" placeholder="Scheme Points">
                      </div>
                      <div class="form-group">
                            <label for="qty">Status</label>
                            <select class='form-control' name='status'>
                                <option value=''>Select Status</option>
                                <option value='1' {{$scheme->status==1 ? 'selected' : ''}}>Active</option>
                                <option value='0' {{$scheme->status==0 ? 'selected' : ''}}>Not Active</option>
                            </select>
                      </div>
                      <div class="form-group">
                            <label for="create_date">Scheme Create Date <span style="color:red">*</span></label>
                            <input type="date" class="form-control" value="{{ \Carbon\Carbon::parse($scheme->create_date)->format('Y-m-d') }}" name="create_date" id="create_date" autocomplete="off" placeholder="Scheme Create Date">
                       </div>
                      <div class="form-group">
                            <label for="expire_date">Scheme Expire Date <span style="color:red">*</span></label>
                            <input type="date" class="form-control"   value="{{ \Carbon\Carbon::parse($scheme->expire_date)->format('Y-m-d') }}" name="expire_date" id="expire_date" autocomplete="off" placeholder="Scheme Expire Date">
                       </div>
          
                      <div class="form-group">
                            <label for="qty">Item<span style="color:red">*</span></label>
                            <select class='form-control' name='product_id'>
                                <option value=''>Select Item</option>
                                @foreach($items as $data)
                                <option value='{{$data->id}}' {{$data->id==$scheme->product_id ? 'selected' : ''}}>{{$data->product_name}}</option>
                                @endforeach
                            </select>
                      </div>
                      <button type="submit" class="btn btn-gradient-danger me-2">Submit</button>
                      <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
                    </form>
                  </div>
                </div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const today = new Date().toISOString().split('T')[0];
        
        // Set max for create date (not greater than today)
        // document.getElementById("create_date").setAttribute("max", today);
        
        // Set min for expire date (not less than today)
        document.getElementById("expire_date").setAttribute("min", today);
    });
</script>
           

@endsection