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


                    <div class="ms-auto">
                        <div class="btn-group">
                       <a href="{{ route('all.audio') }}" 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 Audio </h5>
                        <br> <small> fields with * are required </small>
                        
                        <hr/>
                       
                        <form id="myForm" method="POST" action="{{ route('store.audio') }} " enctype="multipart/form-data" >
                    
                            @csrf
                
                            <div class="form-body mt-4">                     
                                <div class="row">

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

                                            <div class="form-group mb-3">

                                                <label for="inputProduct" class="form-label">Select Product *</label>
                                                <select name="product_id" class="form-select" id="inputProduct" >
                                                    <option selected=" " value=" "></option>
        
                                                    
                                                    @foreach($products as $product)		
                                                    <option value="{{ $product->id }}"> {{ $product->product_name }} </option>
                                                    @endforeach
                                                    
          
                                                </select>

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



                                            <div class="form-group mb-3">

                                                <label for="inputSection" class="form-label"> Select Section * </label>
                                                <select name="section" class="form-select" id="inputSection" >
                                                    
                                                    <option selected=" " value=" "></option>
                                                    <option value="1"> Audio Book </option>	
                                                    <option value="2"> Opening Credit </option>
                                                    <option value="3"> Introduction </option>
                                                    <option value="4"> Chapter One </option>
                                                    <option value="5"> Chapter Two </option>
                                                    <option value="6"> Chapter Three </option>
                                                    <option value="7"> Chapter Four </option>
                                                    <option value="8"> Chapter Five </option>
                                                    <option value="9"> Chapter Six </option>
                                                    <option value="10"> Chapter Seven </option>
                                                    <option value="11"> Chapter Eight </option>
                                                    <option value="12"> Chapter Nine </option>
                                                    <option value="13"> Chapter Ten </option>
                                                    <option value="14"> Chapter Eleven </option>
                                                    <option value="15"> Chapter Twelve </option>
                                                    <option value="16"> Chapter Thirteen </option>
                                                    <option value="17"> Chapter Fourteen </option>
                                                    <option value="18"> Chapter Fifteen </option>
                                                    <option value="19"> Chapter Sixteen </option>
                                                    <option value="20"> Conclusion </option>
                                                    <option value="21"> Closing Credit </option>

                                                </select>

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



                                            <div class="form-group mb-3">
                                                <label for="inputChapterTitle" class="form-label"> Chapter Title *</label>
                                                <input type="text" name="chapter_title" class="form-control" id="inputChapterTitle" placeholder="Enter Chapter title" value="{{ old('chapter_title') }}">

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

                                            </div>



                                              <div class="form-group mb-3">
                                                <label for="inputProductAudio" class="form-label">Product Audio  </label>
                                                <input name="product_audio" class="form-control" type="file"   >

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




                                              <div class="form-group mb-3">
                                                
                                                <div class="d-grid">                                         
                                                    <input type="submit" class="btn btn-primary px-4" value="Save Changes" />                                     
                                                </div> 
              
                                              </div>  <br>



                                    
                            

                                        </div>  
                        
                                    </div>

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

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

    </div>









    


@endsection