@extends('dashboard.layout.app')
@section('style')
    
<!--venobox lightbox-->
<link rel="stylesheet" href="{{ asset('/adminto/assets/plugins/magnific-popup/dist/magnific-popup.css')}}"/>
<style>
    .card-body .item {
        background: #ececee;
        padding: 10px 10px;
        margin: 5px 0;
        font-size: 15px;
        font-weight: bold;
    }

</style>
@if (isset($week_params))
    <style>
        .w-{{$week_params}} {
            border-radius: 0px !important;
            box-shadow: 0px 5px 5px #535152;
        }
    </style>

    
@endif
@endsection
@section('content')
<section>

    <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0">
        {{$row->name}}
    </h4>
</section>
<br>
<div class="row match-height">
    <div class="col-md-12 col-lg-6">
        <div class="card my-cstm-card auc-card">
            <div class="card-title">
                <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0">بيانات الحساب</h4>

            </div>

            <div class="card-body">
                @foreach ( $model::$tableHeaderShow as $k => $item)
                    <div class="item">
                        <span class="lbl">
                            <span class="i-wr"><i class="fas fa-layer"></i></span>{{$item}}</span>
                        <span class="val bold">
                            @php
                                
                                $kk = $model::$tableDataShow[$k];
                            @endphp
                            {{$row->$kk}}
                        </span>
                    </div>
                    
                @endforeach
            </div>
        </div>
    </div>
        <div class="col-md-12 col-lg-6">
            <div class="card my-cstm-card auc-card">
                <div class="card-title">
                    <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0">معلومات اضافية</h4>

                </div>

                <div class="card-body">

                        <div class="item">
                            <span class="lbl">
                                <span class="i-wr"><i class="fas fa-layer"></i></span>حالة الحساب</span>
                            <span class="val bold">
                                {!!Form::model($row , ['url' => route('writers.update', $row) ,'method' => 'PATCH','files' => true,
                                    'class' => 'add-new-record modal-content pt-0', 'id' => 'formValid']) !!}
                                    <select onchange="$(this).closest('form').submit()" data-placeholder="اختر الحالة" class="select2 cat-sel  form-control" id="vCat" name="status" required>
                                        @foreach (UserStatus() as $key => $item)
                                        <option value="{{$key}}" {!! (isset($row) && $row->status == $key)? 'selected' : '' !!}>{{$item}}</option>
                                        @endforeach
                                    </select>

                                    {!!Form::close() !!}
                            </span>
                        </div>
                        

                </div>
            </div>
        </div>
        
    <div class="col-md-12">
        <div class="card my-cstm-card auc-card">
            <div class="card-title">
                <h4 class="card-title text-center font-weight-bolder bg-light-success p-1 mb-0">الكتب</h4>

            </div>

            <div class="card-body row">

                @foreach ($books as $item)
                <div class="col-md-3 mb-3">
                    <div class="card shadow-sm">
                        <div class="" style="position: absolute; top: 0; right: 0; margin:10px;">
                            @include('dashboard.blocks.active')
                        </div>
                        @if ($item->image)
                            <img src="{{ asset('storage/' . $item->image) }}" class="card-img-top" alt="{{ $item->title }}" style="height: 200px; object-fit: cover;">
                        @else
                            <img src="https://via.placeholder.com/200" class="card-img-top" alt="No Image" style="height: 200px; object-fit: cover;">
                        @endif
                        <div class="card-body">
                            <h5 class="card-title">{{ $item->title }}</h5>
                            <p class="card-text">
                                <small class="text-muted">Created: {{ $item->created_at->format('d M Y') }}</small>
                            </p>
                            <div class="d-flex justify-content-between">
                                <a href="{{route('books.edit' ,$item->id)}}" class="btn btn-primary btn-sm">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                        class="feather feather-edit-2 mr-50">
                                        <path
                                            d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z">
                                        </path>
                                    </svg>
                                    <span>تعديل</span>
                                </a>
                            <a href="{{route('books.destroy',$item->id)}}" id="delete-btn" class="btn btn-danger btn-sm">
                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                    class="feather feather-trash mr-50">
                                    <polyline points="3 6 5 6 21 6"></polyline>
                                    <path
                                        d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2">
                                    </path>
                                </svg>
                                <span>{{__('translation.delete')}}</span>
                            </a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
            </div>
        </div>
    </div>
</div>

@endsection