@extends('layouts.master')

@section('title')
Why Us
@endsection

@section('extra-css')
<style>
    .why_us_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">Why Us 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="{{ $why_us->title }}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Description</label>
                        <label class="form-label">{!! $why_us->description !!}</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-line">
                        <label class="form-label">Image</label><br>
                        <img class="img-fluid why_us_img" src="{{url('storage/why_us_images').'/'.$why_us->image}}">
                    </div>
                </div>
                
                <a href="{!! route('why_us.index') !!}" class="btn btn-primary pull-right">Back</a>	
            </form>
        </div>
    </div>
</div>
</div>
</div>
@endsection

@section('extra-script')
<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            placeholder: 'Description',
            tabsize: 2,
            height: 200
        });
    });
</script>
@endsection