@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('update_gallery_list')}}" enctype="multipart/form-data">
  @csrf
  <input type="hidden" name="target" class="form-control" value="{{ Crypt::encrypt($medias->id) }}">
    <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="{{$medias->media_name}}" placeholder="Enter gallery name" >
                        </div>
                   
                        <p class="text-danger"></p>
                    
                    </div>
 
                    <div class="col-sm-4">
                    <div class="form-group">
                        <label for="name">Update Gallery</label>
                        <input type="file" name="image" class="form-control">
                        
                        @if ($medias->media_Image)
                            <small>Current Image: {{ $medias->media_Image }}</small>   
                            <div class="mt-2">
                                <img src="{{ url($medias->media_Image) }}" alt="Current Image" class="img-thumbnail" style="max-width: 100px;">
                            </div>
                        @endif
                    </div>
                    
                    <p class="text-danger"></p>
                    </div>

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

    </div> 
   
</div>
                 
                
                

                                   
                                         
   
       
     </div>   
     
   </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>