@extends('panel.components.sidbar')
@section('content')

<div class="uk-width-larg-1-3">
    <div class="md-card" data-uk-grid-margin>
        <div class="md-card-content">
            @isset($description)

            <form action="{{ route('description.update',$description) }}" method="POST">
                @method('put')
                @else
                <form action="{{ route('description.store') }}" method="POST">
                    @endisset
                    @csrf
                    <h5 class="heading_b uk-margin-bottom">App Description</h5>

                    <div class="md-card-content" style="margin-left:-15px;">
                        <div class="uk-grid uk-grid-divider" data-uk-grid-margin>
                            <div class="uk-width-large-1-2">
                                <div class="uk-grid uk-grid-medium" data-uk-grid-margin>
                                    <div class="uk-width-1-3">
                                        <ul class="uk-tab uk-tab-left" data-uk-tab="{connect:'#tabs_10'}">
                                            <li><a href="#">En</a></li>
                                            <li><a href="#">Ar</a></li>
                                        </ul>
                                    </div>
                                    <div class="uk-width-2-3">
                                        <ul id="tabs_10" class="uk-switcher uk-margin-small-top">
                                            <li>
                                                <div class="uk-form-row">
                                                    <textarea name="description_en" cols="30" rows="4" required
                                                        class="md-input">{{old('description_en',optional(@$description)->getTranslation('description','en'))}}</textarea>
                                                    @error('description_en')
                                                    <p class="md-color-red-400">{{$message}}</p>
                                                    @enderror
                                                </div>
                                            </li>
                                            <li>
                                                <div class="uk-form-row">
                                                    <textarea name="description_ar" cols="30" rows="4" required
                                                        class="md-input">{{old('description_ar',optional(@$description)->getTranslation('description','ar'))}}</textarea>
                                                    @error('description_ar')
                                                    <p class="md-color-red-400">{{$message}}</p>
                                                    @enderror
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
        </div>
        <div style="text-align:center;padding-bottom:10px;">

            <button type="submit"
                class="md-btn md-btn-primary md-btn-large md-btn-wave-light waves-effect waves-button waves-light">@isset($description)
                Update
                @else Create @endisset</button>
            </form>

        </div>
    </div>

</div>

<div class="md-card-list-wrapper" id="mailbox" style="margin-top: 10px;">
    <div class="uk-width-large-8-10 uk-container-center">
        <div class="md-card-list">
            <ul class="hierarchical_slide">
                @foreach(App\Description::all() as $descripe)

                <li>
                    <div class="md-card-list-item-menu" data-uk-dropdown="{mode:'click',pos:'bottom-right'}">
                        <form action="{{route('description.delete',$descripe)}}" id="delete" method="POST">
                            @csrf
                            @method('DELETE')
                            <a onclick="document.getElementById('delete').submit();"> <span
                                    class="md-icon material-icons"> delete</span> </a>
                        </form>
                    </div>
                    @if(empty($description) || $description->id != $descripe->id)

                    <div class="md-card-list-item-menu" data-uk-dropdown="{mode:'click',pos:'bottom-right'}">

                        <a href="{{route('description.edit',$descripe)}}"> <span class="md-icon material-icons">
                                edit</span>
                        </a>
                    </div>
                    @endif
                    <span class="md-card-list-item-date">{{$descripe->created_at->toTimeString()}}</span>

                    <div class="md-card-list-item-sender">
                        <span>{{$descripe->description}}</span>
                    </div>
                    <div class="md-card-list-item-subject">
                        {{-- <div class="md-card-list-item-sender-small">
                            <span>{{$descripe->description}}</span>
                    </div> --}}
        </div>
        {{-- <div class="md-card-list-item-content-wrapper">
            <div class="md-card-list-item-content">{{$descripe->description}}
    </div>

</div> --}}
</li>
@endforeach

</ul>
</div>

</div>
</div>



@endsection
@section('custom-script')
<script src="{{asset('assets/js/pages/page_mailbox.min.js')}}"></script>

@endsection