@extends("admin.admin_app")



@section("content")

    <script src="{{ URL::asset('public/admin_assets/js/core/jquery.min.js') }}"></script>



    <!-- Page Header -->

    <div class="content bg-gray-lighter">

        <div class="row items-push">

            <div class="col-sm-7">

                <h1 class="page-heading">

                    Image List for  : {{ $vendor_details->vendor_name }}


                </h1>

            </div>

            <div class="col-sm-5 text-right hidden-xs">

                <ol class="breadcrumb push-10-t">

                    <li><a href="{{url('admin/alliedService/vendors')}}">ALLIED SERVICE VENDORS</a></li>

                    <li><a class="link-effect" href="">Add Images</a></li>

                </ol>

            </div>

        </div>

    </div>

    <!-- END Page Header -->

    <!-- Page Content -->

    <div class="content content-boxed">

        <div class="row">

            <div class="col-sm-12 col-lg-12">

                <div class="block">

                    <div class="block-header">

                        <a class="pull-right btn btn-info push-5-r push-10" href="{{URL::to('admin/alliedService/vendors')}}"><i class="fa fa-angle-left"></i>  Back To vendors</a>

                        <a class="pull-right btn btn-success push-5-r push-10" href="{{URL::to('admin/alliedService/vendors/images/').'/'.$vendor_details->id.'/add'}}"><i class="fa fa-plus"></i>  Add Image</a>
                        <a class="pull-right btn btn-success push-5-r push-10" href="{{URL::to('admin/alliedService/vendors/videos/').'/'.$vendor_details->id.'/add'}}"><i class="fa fa-plus"></i>  Add Video</a>
                    </div>

                    <div class="block-content">

                        @if (count($errors) > 0)

                            <div class="alert alert-danger">

                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                                <ul>

                                    @foreach ($errors->all() as $error)

                                        <li>{{ $error }}</li>

                                    @endforeach

                                </ul>

                            </div>

                        @endif

                        @if(Session::has('flash_message'))

                            <div class="alert alert-success">

                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                                {{ Session::get('flash_message') }}

                            </div>

                        @endif





                        <div class="row">

                            <div class="col-md-12">

                                <table class="table table-hover table-header-bg cat-dataTable-full">

                                    <thead>

                                    <tr>
                                        <th>#</th>

                                        <th>Image</th>
                                        <th>Video</th>

                                        <th>Order</th>

                                        <th class="text-center" style="width: 10%;">Actions</th>

                                    </tr>

                                    </thead>

                                    <tbody>

                                    @foreach($vendor_images as $i => $vendorimage)

                                        <tr>
                                            <td>{{++$i}}</td>

                                            <td>
                                               @if(!is_null($vendorimage->image))
                                                                                                <img src="{{ url('public/upload/alliedServices/vendors_thumnails'.'/'.$vendorimage->image) }}" width="100px"></td>
                                            @else
                                                                                                N/A
                                            @endif
                                            <td>
                                                @if(!is_null($vendorimage->video))
                                                 {!! '<iframe width="150" height="150" src="'.$vendorimage->video.'" frameborder="0" allow="accelerometer;
                                                  autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'!!}
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>{{ $vendorimage->order }}</td>


                                            <td class="text-center">

                                                <div class="btn-group">


                                                    <a href="{{ url('admin/alliedService/vendors/'.$value.'/'.$vendorimage->vendor_id.'/edit/'.$vendorimage->id) }}" class="btn btn-xs btn-default"  data-toggle="tooltip" title="Edit" ><i class="fa fa-pencil"></i></a>

                                                    <a href="{{ url('admin/alliedService/vendors/imagevideo/'.$vendorimage->id.'/delete') }}" class="btn btn-xs btn-default"  data-toggle="tooltip" title="Remove" onclick="return confirm('Are you sure? You will not be able to recover this.')"><i class="fa fa-times"></i></a>

                                                </div>



                                            </td>

                                        </tr>



                                    @endforeach



                                    </tbody>

                                </table>



                            </div>

                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>

    <!-- END Page Content -->

@endsection