@extends('layouts.default')
@section('title', 'Gallery Master')
@section('content')
    <div class="content-main__inner">
        @if ($errors->any())
            <div class="alert alert-danger fade show" role="alert">
                <div class="alert-text">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </div>
                <div class="alert-close">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true"><i class="la la-close"></i></span>
                    </button>
                </div>
            </div>
        @endif
        @if (session()->has('message'))
            <div class="alert alert-success fade show" role="alert">
                <div class="alert-text">{{ session()->get('message') }}</div>
                <div class="alert-close">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true"><i class="la la-close"></i></span>
                    </button>
                </div>
            </div>
        @endif
       
        <div class="table-box">
            <div class="table-box__header table-box__header--button">
                <h4>Gallery List</h4>
                <form class="form-inline">
                    
                    <select class="form-control mr-sm-2 search_gallery" type="number" name="userid" id="user_gallery">
                       <option value="">Select User</option>
                        @foreach ($user as $item)
                            <option value="{{ $item->u_id }}">{{ $item->u_user_name }}
                            </option>
                        @endforeach
                    </select>
                    
                </form>
            </div>
            <div class="table-main  table-responsive">
                <table id="kt_table_1" class="table table-bordered ">
                    <thead>
                        <tr>
                            <th>File Name</th>
                            <th>Username</th>

                            <th>Type</th>
                            <th>Extention</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!--Modal: Name-->
    <div class="modal fade" id="galleryModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">

            <!--Content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">Gallery</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i class="fal fa-times"></i>
                    </button>
                </div>
                <!--Body-->
                <div class="modal-body">

                    <div class="embed-responsive embed-responsive-16by9 z-depth-1-half" id="gallery-model" data-path="{{ asset(''); }}">

                    </div>
                    <div class=" doc_gallery">
                        <p class="text-larger text-center">Download file from here...</p>
                        <div class="row">
                            <div class="col-lg-5 col-md-5"></div> 
                        <a href="" class="btn btn-primary docs_show" download>
                            Download
                        </a>
                    </div>
                       
                    </div>

                </div>

               
            </div>
            <!--/.Content-->

        </div>
    </div>
    <!--Modal: Name-->


@endsection
@section('pagespecificscripts')
    <script src="{{ asset('js/gallery/gallery-master.js') }}"></script>
    <script src="{{ asset('js/gallery/gallery-model.js') }}"></script>
@endsection