@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
        <div class="col-md-12">
            <div class="page_title">
                <h2>Manage Site Banner</h2>
            </div>
        </div>
    </div>
    @if(Session::has('success'))
    <p class="alert {{ Session::get('alert-class', 'alert-info') }} alert-dismissible">
    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}</p>
    @endif
    @if(Session::has('error'))
    <p class="alert {{ Session::get('alert-class', 'alert-danger') }}">{{ Session::get('error') }}</p>
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                    <h2>Banner Lists</h2>
                    
                    </div>
                    <a href="{{url('admin/manage-site-banners/create')}}" class="btn btn-primary btn-sm" style="float:right;">Add</a>
                </div>
                <div class="table_section padding_infor_info">
                    <div class="table-responsive-sm">
                    <table class="table" id="myTable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Page Name</th>
                                <th>Sorting Order</th>
                                <th>Title</th>
                                <th>Sub title</th>
                                <th>DeskTop Banner</th>
                                <th>Mobile Banner</th>
                                <th>Link</th>
                                <th>Status</th>
                                <th>Learn More Button Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $i=1;@endphp
                            @foreach($siteBanners as $banner)
                            <tr>
                                <td>{{$i++}}</td>
                                <td>{{$banner->site_page->page_name}}</td>
                                <td>{{$banner->sorting}}</td>
                                <td>{{$banner->title}}</td>
                                <td>{{$banner->sub_title}}</td>
                                <td><img src="{{URL::asset('storage/Banners/Desktop_image/'.$banner->desktop_banner)}}" alt="{{$banner->desktop_banner}}" class="img-responsive" width="50%;" /></td>
                                <td><img src="{{URL::asset('storage/Banners/Mobile_image/'.$banner->mobile_banner)}}" alt="{{$banner->mobile_banner}}" class="img-responsive" width="50%;" /></td>
                                <td>{{$banner->link}}</td>
                                
                                <td>@if($banner->status == 1)<span class="badge badge-success"> Active</span> @else <span class="badge badge-danger">In-Active</span>@endif</td>
                                <td>@if($banner->button_status == 1)<span class="badge badge-success">Enabled</span> @else <span class="badge badge-danger">Not Enabled</span>@endif</td>

                                <td><a href="{{ url('admin/manage-site-banners/'.$banner->uuid.'/edit')}}"><i class="icon-copy fa fa-pencil-square-o fa-lg"></i></a>
                                <form action="{{url('admin/manage-site-banners/'.$banner->uuid)}}" class="delete" method="POST">
                                    {{ method_field('DELETE') }}{{csrf_field()}}
                                    <button type="submit" class="btn btn-lg" onclick="return confirm('Are you sure? It will remove all details permanently!')"><i class="icon-copy fa fa-trash fa-lg"></i></button>
                                </form> 
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection