@extends('admin.layout.master')

@section('content')
<div class="content-wrapper">
    <div class="content-header sty-one">
        <h1>Ringtone</h1> 
    </div>

    <div class="content">
               @if(session()->has('success'))
                <div class="alert alert-success">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ session()->get('success') }}
                </div>
                @else 
                @if(session()->has('error'))  
                <div class="alert alert-danger">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ session()->get('error') }}
                </div>
                @endif 
                @endif
       <div class="card mb-2">
            <div class="card-header mb-4">
               <h5 class="card-title">Add Ringtone</h5>
           </div>
           <form method="POST" id="addForm" enctype="multipart/form-data" action="{{url('admin/ringtone/submit')}}" >
                      @csrf
           <div class="card-body">
            
              <div class="col-md-6 mb-4 offset-3">
                 <div class="col-md-12 mb-4">
                     <label>Enter Ringtone Name</label>
                     <input type="text" class="form-control validate" name="name"  placeholder="Enter name">
                      <p class="text-danger" id="nameError"></p>
                   </div>
                   <div class="col-md-12 mb-4">
                     <label>Select Audio</label>
                     <input type="file" class="form-control validate" name="audio" id="input"/>
                     <p class="text-danger" id="audioError"></p>
                      <audio id="sound" name="sound" controls></audio>
                   </div> 
                   <!-- <div class="col-md-12 mb-4">
                     <label>Select Image</label><br>
                     <img id="blah"  src="{{ asset('assets/admin/images/dummy.jpg')}}" alt="your image" width="100" height="100" />
                     <input type="file" 
                     onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])">
                   </div>  -->
                   
                   <div class="text-center mb-4 mt-4">
                        <button type="button" onclick="validate(this);" class="btn btn-primary">Submit</button>
                
                    </div>
           
                </div>
                
           </div>
           </form>
       </div>
        <!-- <div class="row">
            <div class="col-lg-6 col-xs-6 m-b-3">
                <div class="card">
                    <div class="card-body"><span class="info-box-icon bg-green"><i class="fa fa-calendar"></i></span>
                        <div class="info-box-content"> <span class="info-box-number"></span> <span class="info-box-text">
                                Events </span> </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-xs-6 m-b-3">
                <div class="card">
                    <div class="card-body"><span class="info-box-icon bg-red"><i class=" fa fa-signal"></i></span>
                        <div class="info-box-content"> <span class="info-box-number"></span> <span class="info-box-text">
                                Poll </span> </div>
                    </div>
                </div>
            </div> 
            <div class="col-lg-6 col-xs-6 m-b-3">
                <div class="card">
                    <div class="card-body"><span class="info-box-icon bg-red"><i class="fa fa-bullhorn"></i></span>
                        <div class="info-box-content"> <span class="info-box-number"></span> <span class="info-box-text">
                                Advertisement </span> </div>
                    </div>
                </div>
            </div>  
        </div>   -->
        <div class="card mb-4">
            <div class="card-header mb-4">
                <h5 class="card-title">Ringtone</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example1" class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Sr. No.</th>
                                <th> Name</th>
                                <th>Audio</th>
                                <th>Status</th>  
                                <th>Action</th> 
                            </tr>
                        </thead>
                        <tbody>
                         @foreach($ringtone as $key=>$ringtones)
                            <tr>
                                <td>{{$key+1}}</td>
                                <td>{{$ringtones->name}}</td>
                                <td><audio controls >
                                   <source src="{{$ringtones->audio}}" type="audio/mpeg"> 
                                 </audio>
                                </td>
                            
                                <td> <div class="mytoggle">
                                        <label class="switch">
                                        <input type="checkbox" onchange="changeStatus(this, '<br />
<b>Warning</b>:  Undefined variable $ringtones in <b>/home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php</b> on line <b>114</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php</b> on line <b>114</b><br />
');" <br />
<b>Warning</b>:  Undefined variable $ringtones in <b>/home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php</b> on line <b>114</b><br />
<br />
<b>Warning</b>:  Attempt to read property "status" on null in <b>/home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php</b> on line <b>114</b><br />
><span class="slider round"> </span> 
                                        </label>
                                    </div></td>
                              
                                <td>
                                  <a href="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php:119
Stack trace:
#0 {main}
  thrown in <b>/home/petclap/public_html/meenapp/resources/views/admin/ringtone/ringtone_list.blade.php</b> on line <b>119</b><br />