@extends('front.layout.default_layout')
@section('content')
<style type="text/css">
    #image-list { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}
#image-list li { 
    margin: 10px 30px 10px 0px; 
    float: left;
}
#image-list li img{
    width: 250px;
    height: 155px;
    border-radius: 10px;
}

#image-container{
    margin-bottom: 14px;
    overflow: auto;
}

#txtresponse 
{
    /*padding: 10px 20px;
    border-radius: 3px;
    margin-bottom: 10px;*/
    width: 100%;
    display: none;
    /*border :#E0E0E0 1px solid;
    color: #fdfcfc;
    background: #009688;
    margin-right: 25px;
    box-sizing: border-box;*/
    text-align: center;
}
 

.ui-sortable-placeholder {
    border :#E0E0E0 1px solid !important;
}
</style>
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-tree"></i> Image Gallery</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">Image Gallery Setting</a></li>
        </ul>
    </div>
    <div class="d-flex justify-content-center">
        @if (count($errors) > 0)
        <div class="col-sm-9 alert alert-danger">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="col-sm-9 flash-message">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
            @if(Session::has('alert-' . $msg))

            <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
                <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
            </p>
            @endif
            @endforeach
             <div id="txtresponse" class="alert alert-success"> </div>
        </div>
    </div>
    <div class="d-flex justify-content-center">
        <div class="col-sm-9 bg-white py-3 border">

            <div class="form-group formGroupShadow">
                @if(isset($user_id))
                <a class="form-control d-flex justify-content-center" href="{{url('add_gallery/'.$user_id)}}" style="background-color:#009688; color:white;"> + Add Gallery Image </a>
                @else
                <a class="form-control d-flex justify-content-center" href="{{url('add_gallery')}}" style="background-color:#009688; color:white;"> + Add Gallery Image </a>
                @endif
                
            </div>
            <!-- <div class="table-rep-plugin">
                <div class="table-responsive" data-pattern="priority-columns">
                    <table class="table  table-striped table-bordered" cellspacing="0" style="width:100%;">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Gallery Image</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i = 1 @endphp
                            @foreach($product_data as $data)
                            <tr>
                                <td>{{$i}}.</td>
                                <td>
                                    <img src="{{URL::asset('public/upload/product/'.$data->mul_image)}}" width="130px">
                                    <!--  -->
                               <!--  </td>

                
                        
                                <td class="text-center">

                                    <a href="{{url('galleryDelete',$data->gallery_id)}}" onClick="return confirm('Are you sure?');"><span class="basic_table_icon" style="font-size: 20px;color: red;"><i class="fa fa-trash-o" aria-hidden="true"></i></span></a>
                                </td>
                            </tr>
                            @php $i++ @endphp
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div> -->
            
        
        @if($product_data->isEmpty()) 
                
            <div class="alert alert-warning mt-2" >
                <strong>Sorry!</strong> No Records Found.
            </div>                                      
        @else
        <div id="gallery" class="pb-3">
        <div id="image-container">
        <h2 class="pt-2 pb-2">Change Order of Product Images in Gallery BY Drag and Drop</h2>
        
        @csrf
            <ul id="image-list" >
                @foreach($product_data as $data)
                <br />
<b>Fatal error</b>:  Uncaught Error: Class 'URL' not found in /home/dharmeshladani/public_html/clientproject/priyacreationgroup.in/resources/views/front/gallery/gallery.blade.php:149
Stack trace:
#0 {main}
  thrown in <b>/home/dharmeshladani/public_html/clientproject/priyacreationgroup.in/resources/views/front/gallery/gallery.blade.php</b> on line <b>149</b><br />