@extends('adminlayout.dashadmin')

@section('content')

<style >
  #sub_category_image >img {

    max-width: 140px;
  }
</style>
<!-- Content Wrapper Start -->
<div class="content-wrapper" ng-controller="PurchaseController">
 
 <br><br>
 <!-- product Modal -->

<section class="content">

@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
 


@if (session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
       
    </div>
@endif

  <div class="box box-info collapsed-box">
    <div class="box-header with-border">
      <h3 class="box-title">
        <span class="fa fa-fw fa-plus"></span>Upload Gallery Media</h3>
        <button type="button" class="btn btn-box-tool add-new-btn" data-widget="collapse" data-collapse="true">
          <i class="fa fa-plus"></i>
        </button>
      </div>
      
   
<div class="container">
<form method="post" action="{{route('gallery_upload')}}" enctype="multipart/form-data">
  @csrf
    <div class="col-sm-12">
            <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group ">
                         <label for="name">Gallery Name</label>
                       
                        <input type="text" name="galleryname" class="form-control" value="" placeholder="Enter gallery name" >
                        </div>
                   
                        <p class="text-danger"></p>
                    
                    </div>
 

                    <div class="col-sm-4">
                         <div class="form-group ">
                           <label for="name">Upload Gallery</label>
                           <input type="file" name="image" class="form-control" value="{{ old('image') }}">
                    </div>
                    
                        <p class="text-danger"></p>
                    

                        <div id="submit" class="mt30 text-center" style="background-size: cover; background-repeat: no-repeat;">
                        <input type="submit" id="send_message" value="click to upload gallery" class="btn btn-primary" >
                     
                         </div>
            </div>
            
    

    </div> 
   
</div>
                 
                
                

                                   
                                         
   
       
     </div>   
     
   </section>

 <section class="content">     
  
  <div class="row">
      <div class="col-xs-12">
          <!-- /.card -->
          <div class="box box-success" >
            <div class="box-header">
      <h3 class="box-title">Gallery List</h3>
      </div>
       @if(Session::has('message'))
<p class="alert {{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
@endif
              <div class="box-body">
        <div class="table-responsive"> 
                  <table id="example1" class="table table-bordered table-striped">
                      <thead>
                          <tr>
                              <th>S.no</th>
                              <th>Gallery Name</th>
                              <th>Image</th>
                              <th>Action</th>
              
                          </tr>
                      </thead>
                     <tbody>
                          @php 
                          $i=1;
                          @endphp
                          @foreach($medias as $data)
                          <tr id="{{$data->id}}">
                              <td>{{$i++}}</td>
                              <td></td>
                              <td><img style="width:60px;height: 60PX;" src="{{ url($data->media_Image) }}"></td>
                              <td>           
                  <a href="{{ route('edit_gallery_list',[Crypt::encrypt($data->id)] ) }}" class="btn btn-primary"> Edit</a>
                   <a href="{{ route('delete_gallery_list',[Crypt::encrypt($data->id)] ) }}" class="btn btn-danger delete-list" onclick="return confirm('Are you sure you want to delete this item?');"> Delete</a>
                   
                </td>
                
                          </tr>
                          @endforeach
                      </tbody>
                  </table>
              </div>
      </div>
    </div>
    </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->
   
    <!-- /.col -->

  
</section>













   <!-- Content End -->
 </div>
 <!-- Content Wrapper End -->

 @endsection

<script>
    // Auto-hide the alert after 3 seconds (3000 milliseconds)
    window.setTimeout(function() {
        $(".alert").fadeTo(500, 0).slideUp(500, function(){
            $(this).remove(); 
        });
    }, 3000);
</script>