@extends('layouts.admin')

@section('title', 'Create Voucher')
@section('content-header', 'Create Voucher')

@section('content')

    <div class="card">
        <div class="card-body">

            <form action="{{ route('vouchers.store') }}" target="_blank" method="POST" enctype="multipart/form-data">
                @csrf
                @php
                 $date = date('Y-m-d H:i:s');
                @endphp
                <hr>

                <h5><u>Application Information</u></h5>

                <div class="form-group">
                    <label for="request_user">Request User</label>
                    <input type="text" name="request_user" class="form-control" id="request_user" placeholder="Request User" value="{{$Crtby}}" readonly>
                    @error('request_user')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="request_date">Request Date</label>
                    <input type="text" name="request_date" class="form-control" id="request_date" placeholder="Request Date" value="{{ date('Y-m-d H:i:s') }}" readonly>
                    @error('request_date')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Voucher Details</u></h5>

                <div class="form-group">
                  <label>Select Outlet:</label>
                  <br>
                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="selection_type[]" id="ALL" value="ALL">
                    <label class="form-check-label" for="ALL">
                      ALL Outlet
                    </label>
                  </div>
                  <div class="row">
                    @php
                      $count = 1;
                    @endphp
                    @foreach ($outlet as $key)
                      <div class="col-md-4">
                        <div class="form-check">
                          <input class="form-check-input" type="checkbox" name="selection_type[]" id="{{ $key->BID }}" value="{{ $key->BID }}">
                          <label class="form-check-label" for="{{ $key->BID }}">
                            {{ $key->BID }} || {{ $key->Description }}
                          </label>
                        </div>
                      </div>
                      @if ($count % 3 == 0 || $count == count($branches))
                        </div><div class="row">
                      @endif
                      @php
                        $count++;
                      @endphp
                    @endforeach
                  </div>
                </div>

                <hr>

                <div class="form-group">
                  <label for="start_date">Start Date</label>
                  <input type="date" name="start_date" class="form-control" id="start_date" value="{{ old('start_date') }}" min="{{ date('Y-m-d', strtotime('+1 day')) }}" required>
                  @error('effective_date')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
                  @enderror
              </div>

              <div class="form-group">
                  <label for="expiry_date">Expiry Date</label>
                  <input type="date" name="expiry_date" class="form-control" id="expiry_date" value="" min="{{ date('Y-m-d', strtotime('+1 day')) }}" max="{{ date('Y-m-d', strtotime('+1 year')) }}" required>
                  @error('expiry_date')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
                  @enderror
              </div>





                <div class="form-group">
                    <label for="purpose">Reason/Purpose</label>
                    <input type="text" name="purpose" class="form-control" id="purpose" placeholder="Reason/Purpose" value="" required>
                    @error('purpose')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                  <label for="customer_name">Security Code</label>
                  <small style="color:red;">*Only numeral Value and must be in 5 character long.</small>
                  <input type="text" name="Security" class="form-control" id="Security" placeholder="Security" pattern="[0-9]+" minlength="5" maxlength="5" required>
                  @error('Security')
                  <span class="invalid-feedback" role="alert">
                      <strong>{{ $message }}</strong>
                  </span>
                  @enderror
              </div>


                <div class="form-group">
                    <label for="purpose">Total Amount</label>
                    <input type="text" name="amount" class="form-control" id="amount" placeholder="Enter Amount" value="" required>
                    @error('amount')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="purpose">Total Quantity</label>
                    <input type="text" name="quantity" class="form-control" id="quantity" placeholder="Enter Quantity" value="" required>
                    @error('quantity')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>


                  <button class="btn btn-primary float-right" type="submit">Create Voucher</button>
            </form>

        </div>
    </div>

@endsection