@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 Product </li>
                            </ol>
                        </nav>
            
                    </div>


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


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

                        <h5 class="card-title">Add New Product</h5>
                        <br> <small> fields with * are required </small>
                        
                        <hr/>
                       
                        <form id="myForm" method="POST" action="{{ route('store.product') }} " enctype="multipart/form-data" >
                    
                            @csrf
                
                            <div class="form-body mt-4">                     
                                <div class="row">

                                    <div class="col-lg-8">
                                        <div class="border border-3 p-4 rounded">
  
                                            <div class="form-group mb-3">
                                                <label for="inputProductName" class="form-label">Product Name *</label>
                                                <input type="text" name="product_name" class="form-control" id="inputProductName" placeholder="Enter product title" value="{{ old('product_name') }}">

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

                                            </div>


                                            <div class="form-group mb-3">
                                                <label for="inputProductSubtitle" class="form-label">Product Subtitle</label>
                                                <input type="text" name="product_subtitle" class="form-control" id="inputProductSubtitle" placeholder="Enter product subtitle" value="{{ old('product_subtitle') }}">

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

                                            </div>


                                            <div class="form-group mb-3">
                                                <label for="inputCloudCode" class="form-label"> Cloud Code </label>
                                                <input type="text" name="cloud_code" class="form-control" id="inputCloudCode" placeholder="Enter cloud code" value="{{ old('cloud_code') }}">

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

                                            </div>


                                            <div class="form-group mb-3">
                                                <label for="inputFlipCode" class="form-label"> Flip Code </label>
                                                <input type="text" name="flip_code" class="form-control" id="inputFlipCode" placeholder="Enter flip code" value="{{ old('flip_code') }}">

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

                                            </div>


                                            <div class="form-group mb-3">
                                                <label for="inputProductCode" class="form-label"> Product Code </label>
                                                <input type="text" name="product_code" class="form-control" id="inputProductCode" placeholder="Enter Product Abbreviation" value="{{ old('product_code') }}">

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

                                            </div>

                                
                                            <div class="mb-3">
                                                <label for="inputProductTags" class="form-label">Product Tags</label>
                                                <input type="text" name="product_tags" class="form-control visually-hidden" data-role="tagsinput" value="faith, Prayer, Prophecy">

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


                                            
                                
                                            
                            
                                              <div class="form-group mb-3">
                                                <label for="inputProductDescription" class="form-label">Short Description *</label>
                                                <textarea name="short_description" class="form-control" id="inputProductDescription" rows="3">  {{ old('short_description') }} </textarea>

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

                                              <div class="form-group mb-3">
                                                <label for=" " class="form-label"> Long Description * </label>
                                                {{-- <textarea id="elm1" name="long_description">  {{ old('long_description') }} </textarea> --}} 
                                                <textarea class="elm" name="long_description"> {{ old('long_description') }} </textarea>

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


                                              <div class="form-group mb-3"> 
                                                <label for=" " class="form-label"> Overview (enhanced Study)  </label>
                                               <textarea class="elm" name="overview"> {{ old('overview') }} </textarea>

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


                                               <div class="form-group mb-3">
                                                <label for=" " class="form-label"> Announcements (enhanced Study)   </label>
                                                 <textarea class="elm" name="announcements"> {{ old('announcements') }} </textarea>

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


                                              <div class="form-group mb-3">
                                                <label for="inputProductTitle" class="form-label">Product Thumbnail *</label>
                                                <input name="product_thumbnail" class="form-control" type="file" id="image">

                                                @error('product_thumbnail')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror
              
                                                
                                              </div> 
                            
                                            <div class="col-md-6"> 
                                                <img id="showImage" src="{{ url('upload/no_image.jpg')}}" alt="Image" class="rounded-circle p-1 bg-primary" width="100">  
                                            </div> <br>

                                             



                                              <div class="form-group mb-3">
                                                <label for="inputProductTitle" class="form-label">Product E-Book  </label>
                                                <input name="product_ebook" class="form-control" type="file"  id=""  >

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



                                    
                            

                                        </div>  
                        
                                    </div>

                            
                        
                                    <div class="col-lg-4">
                                        <div class="border border-3 p-4 rounded">
                                            <div class="row g-3">

                                                   <div class="form-group col-md-6"> 
                                                      <label for="inputPrice" class="form-label">Product Price - ESP * </label>
                                                      <input type="number" name="selling_price_esp" class="form-control" id="inputPrice" placeholder="00.00" value="{{ old('selling_price_esp') }}" step="0.01" min="0">

                                                      @error('selling_price_esp')
                                                         <span class="text-danger">{{ $message }}</span>
                                                      @enderror
                                                    </div>
                
                                                    <div class="col-md-6">
                                                        <label for="inputCompareatprice" class="form-label">Discount Price - ESP </label>
                                                        <input type="number" name="discount_price_esp" class="form-control" id="inputCompareatprice" placeholder="00.00" value="{{ old('discount_price_esp') }}" step="0.01" min="0">

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




                                                    <div class="form-group col-md-6"> 
                                                        <label for="inputPrice" class="form-label">Product Price - NGN * </label>
                                                        <input type="number" name="selling_price_ngn" class="form-control" id="inputPrice" placeholder="00.00" value="{{ old('selling_price_ngn') }}" step="0.01" min="0">
  
                                                        @error('selling_price_ngn')
                                                           <span class="text-danger">{{ $message }}</span>
                                                        @enderror
                                                      </div>
                  
                                                      <div class="col-md-6">
                                                          <label for="inputCompareatprice" class="form-label">Discount Price - NGN  </label>
                                                          <input type="number" name="discount_price_ngn" class="form-control" id="inputCompareatprice" placeholder="00.00" value="{{ old('discount_price_ngn') }}" step="0.01" min="0">
  
                                                          @error('discount_price_ngn')
                                                          <span class="text-danger">{{ $message }}</span>
                                                          @enderror
                                                      </div>


                                                      <div class="form-group col-md-6"> 
                                                        <label for="inputPrice" class="form-label">Product Price - USD * </label>
                                                        <input type="number" name="selling_price_usd" class="form-control" id="inputPrice" placeholder="00.00" value="{{ old('selling_price_usd') }}" step="0.01" min="0">
  
                                                        @error('selling_price_usd')
                                                           <span class="text-danger">{{ $message }}</span>
                                                        @enderror
                                                      </div>
                  
                                                      <div class="col-md-6">
                                                          <label for="inputCompareatprice" class="form-label">Discount Price - USD </label>
                                                          <input type="number" name="discount_price_usd" class="form-control" id="inputCompareatprice" placeholder="00.00" value="{{ old('discount_price_usd') }}" step="0.01" min="0">
  
                                                          @error('discount_price_usd')
                                                          <span class="text-danger">{{ $message }}</span>
                                                          @enderror
                                                      </div>



                                                      <div class="form-group col-12">
                                                        <label for="inputAuthor" class="form-label"> Select Author * </label>
                                                        <select name="author_id" class="form-select" id="inputAuthor" >
                                                          <option selected="" value="">  </option>
                
                                                          
                                                          @foreach($authors as $author)
                                                          <option value="{{ $author->id }}">{{ $author->author_name }}</option>
                                                          @endforeach
                                                        
                
                                                        </select>

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



                                                    <div class="col-12">
                                                        <label for="inputVendor" class="form-label">Select Vendor *</label>
                                                        <select name="vendor_id" class="form-select" id="inputVendor" >
                                                            <option selected=" " value=" "></option>
                
                                                        
                                                            @foreach($activeVendor as $vendor)		
                                                            <option value="{{ $vendor->id }}">{{ $vendor->firstname }} {{ $vendor->surname }} </option>
                                                            @endforeach
                                                          
                  
                                                        </select>

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

                                                    <div class="form-group col-12">
                                                        <label for="inputCategory" class="form-label"> Select Product Category * </label>
                                                        <select name="category_ids[]" class="form-select" id="inputCategory" multiple >
                                                          
                
                                                          @foreach($categories as $category)
                                                          <option value="{{ $category->id }}">{{ $category->category_name }}</option>
                                                          @endforeach
                                                          
                
                                                        </select>

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




                                                    <div class="col-12">
                                                        <label for="inputCategory" class="form-label">Select Product Level *</label>
                                                        <select name="level_ids[]" class="form-select" id="inputCategory" multiple>
                                                           
                                                            @foreach($levels as $level)		
                                                            <option value="{{ $level->id }}">{{ $level->level_name }}</option>
                                                            @endforeach  
                  
                                                        </select>

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




                                                    <div class="col-12">
                                                        <label for="inputLanguage" class="form-label">Select Language *</label>
                                                        <select name="language_id" class="form-select" id="inputLanguage" >
                                                            <option selected=" " value=" "></option>
                
                                                            
                                                            @foreach($languages as $language)		
                                                            <option value="{{ $language->id }}">{{ $language->language_name }}</option>
                                                            @endforeach
                                                            
                  
                                                        </select>

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



                                                    

                
                                                    
                                    
                                    
                                                      <div class="col-12"> 
                                                          
                                                        <div class="row g-3">
                                    
                                                            <div class="col-md-6">	
                                                                <div class="form-check">
                                                                    <input class="form-check-input" name="special_offer" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault"> Special Offer </label>
                                                               </div>

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

                                                           <div class="col-md-6">	
                                                             <div class="form-check">
                                                                   <input class="form-check-input" name="featured" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault">Featured</label>
                                                               </div>

                                                               @error('featured')
                                                               <span class="text-danger">{{ $message }}</span>
                                                               @enderror
                                                           </div>
                                                       
                                                       
                                                       
                                                           <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="available_in_print" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault">  Print Purchase </label>
                                                            </div>

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



                                                           <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="available_in_digital" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault">  Digital Purchase </label>
                                                            </div>

                                                               @error('available_in_digital')
                                                               <span class="text-danger">{{ $message }}</span>
                                                               @enderror
                                                           </div>
                                                       
                                                       
                                                           <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="new_release" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault"> New Release </label>
                                                               </div>

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


                                                            <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="enhanced_study" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault"> Enhanced Study </label>
                                                               </div>

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



                                                            <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="read_ebook" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault"> Read E-Book </label>
                                                               </div>

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


                                                            <div class="col-md-6">	
                                                            <div class="form-check">
                                                                   <input class="form-check-input" name="listen_audiobook" type="checkbox" value="1" id="flexCheckDefault">
                                                                   <label class="form-check-label" for="flexCheckDefault"> Listen AudioBook </label>
                                                               </div>

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

                
                            
                                   
                                       
                                                    </div>
                                       
                                                    <hr>

                                                    <div class="col-12">                                       
                                                        <div class="d-grid">                                         
                                                            <input type="submit" class="btn btn-primary px-4" value="Save Changes" />                                     
                                                        </div>                                   
                                                    </div>


                                   
                                                </div> 
                                            </div> 
                                        </div>
                        
                                    </div><!--end row-->   
                    
                                </div>

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

    </div>









    


@endsection