@extends('cms.master')

@section('content')
<script src="{{asset('assets/js/jquery-1.9.1.min.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.12.1/ckeditor.js"></script>

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row justify-content-between">
                        <div class="col-md-4">
                            <ul id="breadcrumbs-one" style="margin: 0;padding: 0;list-style: none;">
                                <li><a href="{{url('dashboard/banner')}}"> Banner </a></li>
                                <li class="disable"><a href="" class="current">Detail</a></li>
                            </ul>
                        </div>
                        <div class="col-md-8">
                            <div class="d-flex flex-wrap align-items-center justify-content-sm-end text-center">
                                <a type="button" href="{{url('dashboard/banner')}}" class="btn btn-warning waves-effect waves-light">
                                    <i class="mdi mdi-arrow-left-circle"></i>
                                    Back
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-9">
            <div class="card">
                <div class="card-body">
                    <label for="title" class="form-label">Title *</label>

                    <div class="card border border-primary">
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="title" class="form-label">Indonesia</label>
                                <input type="text" value="{{$banner->title}}" class="form-control" name="title" id="title" disabled>
                            </div>
                            <div class="mb-3">
                                <label for="title_en" class="form-label">English</label>
                                <input type="text" value="{{ isset($banner->bannerEn->bannerEn_title) ? $banner->bannerEn->bannerEn_title : ''}}" class="form-control" name="title_en" id="title_en" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="title" class="form-label">Page *</label>
                        <input type="text" value="{{$banner->flag}}" class="form-control" name="flag" style="background-color: white;" readonly>

                    </div>
                    <div class="mb-3">
                        <label for="title" class="form-label">Order Number *</label>
                        <input type="number" value="{{$banner->order_number}}" class="form-control" name="order" style="background-color: white;" readonly>
                    </div>
                    <label for="description" class="form-label">Description </label>

                    <div class="card border border-primary">
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="title" class="form-label">Indonesia </label>
                                <textarea name="description" class="form-control" cols="30" rows="10" maxlength="360" disabled>{{$banner->description}}</textarea>
                            </div>
                            <div class="mb-3">English </label>
                                <textarea class="form-control" name="description_en" cols="30" rows="10" maxlength="360" disabled>{{ isset($banner->bannerEn->bannerEn_description) ? $banner->bannerEn->bannerEn_description : ''}}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="image" class="form-label">Image *</label>
                        <input type="file" name="image" data-default-file="{{$banner->image}}" data-plugins="dropify" onchange="imageURL(this);" disabled />
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Author</label> <br />
                        <input type="text" class="form-control" name="author" value="{{Auth::user()->name}}" disabled>
                    </div>
                    <input type="submit" id="submit-form" style="display: none;" />
                </div>
            </div>
        </div>
    </div>
</div>
@endsection