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

<div class="uk-width-larg-1-3" style="margin-bottom:10px; ">
    <div class="md-card" data-uk-grid-margin>
        <div class="md-card-content">
            @isset($offer)
            <form action="{{ route('panel.offers.update',$offer) }}" method="POST">
                @method('PUT')
                @else
                <form action="{{ route('panel.offers.store') }}" method="POST">
                    @endisset
                    @csrf
                    <h3 class="heading_a">Create New Offer</h3>
                    <div class="uk-grid uk-grid-divider" style="margin-left:0px" data-uk-grid-margin>
                        <div class="uk-width-medium-1">
                            <div class="uk-grid uk-grid-medium" data-uk-grid-margin>
                                <div class="" style="margin-left: -100px">
                                    <ul class="uk-tab uk-tab-left" data-uk-tab="{connect:'#tabs_7'}">
                                        <li><a href="#">En</a></li>
                                        <li><a href="#">Ar</a></li>
                                    </ul>
                                </div>
                                <div class="uk-width-2-3">
                                    <ul id="tabs_7" class="uk-switcher uk-margin-small-top">
                                        <li>
                                            <div class="uk-form-row">
                                                <textarea name="body_en" cols="30" rows="4"
                                                    placeholder="Offer Description"
                                                    class="md-input">@isset($offer){{ old('body_en',strip_tags($offer->getTranslation('body','en'))) }}@endisset</textarea>

                                            </div>
                                        </li>
                                        <li>
                                            <div class="uk-form-row">
                                                <textarea name="body_ar" cols="30" rows="4" placeholder="وصف العرض"
                                                    class="md-input">@isset($offer){{ old('body_ar',strip_tags($offer->getTranslation('body','ar'))) }}@endisset</textarea>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            @error('offer_en')
                            <p class="md-color-red-400">{{$message}}</p>
                            @enderror
                            @error('offer_ar')
                            <p class="md-color-red-400">{{$message}}</p>
                            @enderror
                        </div>
                    </div>
                    <div style="text-align:center;padding:20px 10px 10px 10px;">

                        <button type="submit"
                            class="md-btn md-btn-primary md-btn-large md-btn-wave-light waves-effect waves-button waves-light">
                            @isset($offer) Update @else Create @endisset</button>
                    </div>
                </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">
                @isset($offers)

                @foreach($offers as $index => $off)

                <li>
                    <div class="md-card-list-item-menu" data-uk-dropdown="{mode:'click',pos:'bottom-right'}">
                        <form action="{{route('panel.offers.destroy',$off)}}" 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($faq) || $faq->id != $fa->id) --}}

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

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

                    <div class="md-card-list-item-sender">
                        <span> Offer {{$index +1}}</span>
                    </div>
                    <div class="md-card-list-item-subject">
                        <div class="md-card-list-item-sender-small">
                            <span>{{$off->getTranslation('body','en')}}</span>
                        </div>
                    </div>
                    <div class="md-card-list-item-content-wrapper">
                        <div class="md-card-list-item-content">{{strip_tags($off->getTranslation('body','en'))}}</div>

                    </div>
                </li>
                @endforeach
                @endisset


            </ul>
        </div>

    </div>
</div>

@endsection

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

@endsection