@extends('layouts.app')
@section('content')
<style>
.required{color:#f00}
.home_capital_direct-add span.invalid-feedback {
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    font-weight: 400;
    white-space: initial;
    width: 250px;
    overflow: inherit;
    text-overflow: ellipsis;
    line-height: 12px;
}
.required_element{
    border: 1px solid red !important;
}
</style>

<div class="page-container">
   <div class="main-content">
      <div class="home_capital_direct-add p-5 ml-5 mr-4">
         <h3 class="text-center">Shortages Form</h3>
         <div class="bg-white p-5 mt-5 rounded shadow-sm">
		<form method="POST" action="{{route('createpayroll')}}" id="payroll_form" enctype="multipart/form-data">
         {{ csrf_field() }}
            <div class="row">

               <div class="col-sm-3">
                  <label>Reporting Person<span class="required"> * </span></label>
                  <input name="reporting_person" id="reporting_person" class="form-control @error('reporting_person') is-invalid @enderror" type="text" value="{{Auth::user()->fname }} {{Auth::user()->lname }}"  placeholder="Write a Name" required/>
                  @error('reporting_person')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
               <div class="col-sm-3">
                  <label>Reported Date <span class="required"> * </span></label>
                  <input name="reported_date" id="reported_date" class="form-control @error('reported_date') is-invalid @enderror" type="date" value="{{ old('reported_date') }}" max="2025-07-10" required/>
               </div>
               <div class="col-sm-3">
                  <label>Reporting Depot<span class="required"> * </span></label>
                  <select name="reporting_depot" id="reporting_depot" class="form-control @error('reporting_depot') is-invalid @enderror" required>
                     <option value="Melksham" @if (old('Melksham') == "Melksham") {{ 'selected' }} @endif>Melksham</option>
                     <option value="Fradley Park" @if (old('Fradley Park') == "Fradley Park") {{ 'selected' }} @endif>Fradley Park</option>
                     <option value="Leeds" @if (old('Leeds') == "Leeds") {{ 'selected' }} @endif>Leeds</option>
                  </select>
                  @error('reporting_depot')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
               <div class="col-sm-3 system_tier solar_field">
                  <label>Customer Site<span class="required"> * </span></label>
                  <select name="customer_site" id="customer_site" class="form-control @error('customer_site') is-invalid @enderror" required>
                     <option value="RR">RR</option>
                    <option value="CR">CR</option>
                    <option value="TD">TD</option>
                    <option value="WT">WT</option>
                    <option value="SH">SH</option>
                    <option value="BG">BG</option>
                    <option value="DS">DS</option>
                    <option value="VT">VT</option>
                    <option value="FP">FP</option>
                    <option value="MM">MM</option>
                    <option value="DT">DT</option>
                    <option value="EL">EL</option>
                    <option value="HT">HT</option>
                    <option value="KD">KD</option>
                    <option value="LT">LT</option>
                    <option value="AW">AW</option>
                  </select>
                  @error('customer_site')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
               
               <!--<div class="col-sm-3 system_tier solar_field">-->
               <!--   <label>Customer Site<span class="required"> * </span></label>-->
               <!--   <select name="customer_site" id="customer_site" class="form-control @error('customer_site') is-invalid @enderror" required>-->
               <!--      <option value="{{Auth::user()->sites}}">{{Auth::user()->sites}}</option>-->
               <!--   </select>-->
               <!--   @error('customer_site')-->
               <!--         <span class="invalid-feedback" role="alert">-->
               <!--             <strong>{{ $message }}</strong>-->
               <!--         </span>-->
               <!--     @enderror-->
               <!--</div>-->
               
               
                <div class="col-sm-3">
                  <label>Customer Name:<span class="required"> * </span></label>
                  <input name="customer_name" id="customer_name" class="form-control @error('customer_name') is-invalid @enderror" type="text" value="{{ old('customer_name') }}" placeholder="Write customer name" required/>
                  @error('customer_name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
                
               <div class="col-sm-3 hide_real_estate solar_field">
                <label>UID<span class="required"> * </span></label>
                <input name="uid" id="uid" class="form-control @error('uid') is-invalid @enderror" type="number" value="{{ old('customer_site') }}" placeholder="UID" min="0" required/>
                @error('uid')
                      <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                      </span>
                  @enderror
             </div>
               <div class="col-sm-3 s">
                  <label>Doc Ref<span class="required"> * </span></label>
                  <input name="doc_ref" id="doc_ref" class="form-control" value="{{ old('doc_ref') }}" type="text" placeholder="" required/>
               </div>
               <div class="col-sm-3 s">
                  <label>Delivery Date<span class="required"> * </span></label>
                  <input name="delivery_date" id="delivery_date" class="form-control" value="{{ old('delivery_date') }}" type="date" placeholder="" min="2025-07-10" required/>
               </div>
               <div class="col-sm-3 hide_real_estate">
                  <label>Product Code<span class="required"> * </span></label>
                  <input name="product_code" id="product_code" class="form-control @error('product_code') is-invalid @enderror" value="{{ old('product_code') }}" type="text" placeholder="" required/>
                  @error('product_code')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
               </div>
               <div class="col-sm-3 hide_real_estate">
                  <label>Product Description<span class="required"> * </span></label>
                  <input name="product_description" id="product_description" class="form-control @error('product_description') is-invalid @enderror" value="{{ old('product_description') }}" type="text" placeholder="" required/>
                  @error('product_description')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
               </div>

               <div class="col-sm-3">
                  <label>Pack Size<span class="required"> * </span></label>					<input type="text" id="pack_size"  name="pack_size" class="form-control @error('pack_size') is-invalid @enderror" value="{{ old('pack_size') }}" required/>
                  @error('pack_size')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
               </div>
               <div class="col-sm-3">
                  <label>Cases<span class="required"> * </span></label>
                  <input type="number" id="cases"  name="cases" class="form-control @error('cases') is-invalid @enderror" value="{{ old('cases') }}" min="0" required/>
                  @error('cases')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
               <div class="col-sm-3">
                  <label>Bottles<span class="required"> * </span></label>
                  <input id="bottles" name="bottles" class="form-control @error('bottles') is-invalid @enderror" type="number" value="{{ old('bottles') }}" placeholder="" min="0" required/>
                  @error('bottles')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
               </div>
               <div class="col-sm-3" id="wcl_participation_block">
                  <label>Reasons<span class="required"> * </span></label>
                  <select name="reason" id="reason" class="form-control @error('reason') is-invalid @enderror" required>
                     
                     <option value="BIT" @if (old('reason') == "BIT") {{ 'selected' }} @endif>BIT</option>
                     <option value="BIW" @if (old('reason') == "BIW") {{ 'selected' }} @endif>BIW</option>
                     <option value="DAMAGED" @if (old('reason') == "DAMAGED") {{ 'selected' }} @endif>DAMAGED</option>
                     <option value="LIT" @if (old('reason') == "LIT") {{ 'selected' }} @endif>LIT</option>
                     <option value="LIW" @if (old('reason') == "LIW") {{ 'selected' }} @endif>LIW</option>
                     <option value="MISPICK" @if (old('reason') == "MISPICK") {{ 'selected' }} @endif>MISPICK</option>
                     <option value="NLW" @if (old('reason') == "NLW") {{ 'selected' }} @endif>NLW</option>
                     <option value="NON ARRIVAL" @if (old('reason') == "NON ARRIVAL") {{ 'selected' }} @endif>NON ARRIVAL</option>
                     <option value="OVERS" @if (old('reason') == "OVERS") {{ 'selected' }} @endif>OVERS</option>
                     <option value="SHORT" @if (old('reason') == "SHORT") {{ 'selected' }} @endif>SHORT</option>
                  </select>
               </div>
               <div class="col-sm-3">
                  <label>Image1</label>
                  <input id="image" type="file" name="image" class="input-file"accept="image/*">
               </div>
               <div class="col-sm-3">
                  <label>Image2</label>
                  <input id="image" type="file" name="image2" class="input-file"accept="image/*">
               </div>
               <div class="col-sm-3">
                  <label>Image3</label>
                  <input id="image" type="file" name="image3" class="input-file"accept="image/*">
               </div>

               <div class="col-sm-12">
                  <label>Comment<span class="required"> * </span></label>
                  <textarea name="comment" id="comment"  rows="5">{{ old('comment') }}</textarea>
                  @error('comment')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
               </div>
               <div class="col-sm-12">
                  <label>Additional Comment<span class="required"> * </span></label>
                  <textarea name="additional_comment" id="additional_comment"  rows="5">{{ old('additional_comment') }}</textarea>
                  @error('additional_comment')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
              @enderror
               </div>


				   <div class="col-lg-12">
                      <button type="submit" id="submitbtn" class="btn mb-3 btn-block btn-primary btn-lg border-0 mt-3" style=" background-color: #243487!important; background-image: none !important;">
                         <!----> Submit
                      </button>
                   </div>
            </div>
			</form>
         </div>
      </div>
   </div>
</div>
<script>
</script>

@endsection