@extends('layouts.master')

@section('title')
Banner
@endsection

@section('extra-css')
<style>
    .banner_img{
        width: 30%;
        height: 30%;
        border-radius: 3%; important;
    }
</style>
@endsection

@section('index')
<div class="content">
    <div class="col-md-12">
        <div class="card card-user">
            <div class="card-header">
                <h5 class="card-title">Banner Detail</h5>
            </div>
            <div class="card-body">
                <div class="form-group">
                    <div class="form-line">
                        <input name="_method" type="hidden" value="PUT">
                        <label class="form-label">Title</label>
                        <input type="text" class="form-control" value="{{ $banner->title }}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Description</label>
                        <textarea class="form-control" cols="50" rows="5" readonly>{{$banner->description}}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <input name="_method" type="hidden" value="PUT">
                        <label class="form-label">Video Url</label>
                        <input type="text" class="form-control" value="{{ $banner->video_url }}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Image</label><br>
                        <img class="img-fluid banner_img" src="{{url('storage/banner_images').'/'.$banner->image}}">
                    </div>
                </div>
                
                <a href="{!! route('banners.index') !!}" class="btn btn-primary pull-right">Back</a>	
            </form>
        </div>
    </div>
</div>
</div>
</div>
@endsection

@section('extra-script')

@endsection