@extends('admin.admin_dashboard')
@section('admin')



<div class="page-content"> 

				<!--breadcrumb-->
                <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
                    <div class="ps-3">
            
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb mb-0 p-0">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('admin.dashboard') }}">  <i class="bx bx-home-alt"> </i> </a>
                                </li>
                                
                                <li class="breadcrumb-item active" aria-current="page"> Add Vouchers </li>
                            </ol>
                        </nav>
            
                    </div>

                    <div class="ms-auto">
                        <div class="btn-group">
                           <a href="{{ route('all.voucher') }}" class="btn btn-light px-5"> Back </a>  
                        </div>
                    </div>
            
                </div>
                <!--end breadcrumb-->

                
				<div class="container">
					<div class="main-body">
						<div class="row">
                            <div class="col-lg-10">
                                <div class="card">
                                    <div class="card-body">
                            
                                    <form method="POST" action="{{ route('generate.voucher') }}">
                                       
                                        @csrf


                                        <div class="row mb-3">

                                            <div class="col-sm-3">
                                                <h6 class="mb-0">  Select Package: </h6>
                                            </div>


                                            <div class="col-sm-9 text-secondary">
                                                <select name="package_id" class="form-select" id="inputPackage" >
                                                    <option selected="" value="">  </option>
          
                                                    
                                                    @foreach($packages as $package)
                                                    <option value="{{ $package->id }}">{{ $package->package_name }}</option>
                                                    @endforeach
                                                  
          
                                                  </select>
                                            </div>

                                          

                                            @error('package_id')
                                            <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>


                                    


                                        <div class="row mb-3">
                                            <div class="col-sm-3">
                                                <h6 class="mb-0"> Amount (Espees): </h6>
                                            </div>

                                            <div class="col-sm-9 text-secondary">
                                                <input type="number" name="amount" class="form-control" value="{{ old('amount') }}" step="0.01"  />

                                                @error('amount')
                                                 <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>



                                        <div class="row mb-3">
                                            <div class="col-sm-3">
                                                <h6 class="mb-0"> Duration: </h6>
                                            </div>

                                            <div class="col-sm-9 text-secondary">

                                                <select name="duration" class="form-select" id="inputDuration" >
                                                
                                                    <option selected=" " value=" "></option>
                                                    <option value="monthly"> Monthly </option>
                                                    <option value="quarterly"> Quarterly </option>
                                                    <option value="yearly">  Yearly </option>
                                                
                                                </select>

                                                @error('duration')
                                                 <span class="text-danger">{{ $message }}</span>
                                                @enderror

                                            </div>
                                        </div>


                                        <div class="row mb-3">
                                            <div class="col-sm-3">
                                                <h6 class="mb-0"> Quantity: </h6>
                                            </div>

                                            <div class="col-sm-9 text-secondary">
                                                <input type="number" name="quantity" class="form-control" value="{{ old('quantity') }}" required min="1" max="1000"  />

                                                @error('quantity')
                                                 <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    
                                        <button type="submit">Generate Vouchers</button>

                                    </form>
                                    
                                </div>
                            
                               
                            
                            
                            
                                </div>
                            
                            
                            
                            </div>


						</div>
					</div>
				</div>
			</div>






@endsection