@extends('layouts/contentNavbarLayout')

@section('title', 'Requests')

@section('vendor-style')
    <link rel="stylesheet" href="{{asset('assets/vendor/libs/apex-charts/apex-charts.css')}}">
@endsection

@section('vendor-script')
    <script src="{{asset('assets/vendor/libs/apex-charts/apexcharts.js')}}"></script>
@endsection

@section('page-script')
    <script src="{{asset('assets/js/dashboards-analytics.js')}}"></script>
@endsection

@section('content')

    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light"></span>  ویرایش
    </h4>
    <div class="row">
        <!-- Basic with Icons -->
        <div class="col-xxl">
            <div class="card mb-4">
                <div class="card-header d-flex align-items-center justify-content-between">
                    <h5 class="mb-0">ویرایش مقاله </h5> <small class="text-muted float-end">اطلاعات را به درستی وارد کنید.</small>
                </div>
                <div class="card-body">
                    <form method="post" enctype="multipart/form-data" action="{{ route('blogs.update', $blog->id) }}">
                        @csrf
                        @include('components.errors')
                        <div class="row mb-3">
                            <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">نام</label>
                            <div class="col-sm-10">
                                <div class="input-group input-group-merge">
                                    <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                                    <input required type="text" class="form-control" value="{{ $blog->name }}" name="name"  id="basic-icon-default-fullname" placeholder="نام" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                                </div>
                            </div>
                        </div>
                       <div class="row mb-3">
                            <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">متا دیتا</label>
                            <div class="col-sm-10">
                                <div class="input-group input-group-merge">
                                    <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                                    <input required type="text" class="form-control" value="{{ $blog->meta_data }}" name="meta_data"  id="basic-icon-default-fullname" placeholder="متادیتا" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                                </div>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">توضیحات کوتاه</label>
                            <div class="col-sm-10">
                                <div class="input-group input-group-merge">
                                    <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                                    <input required type="text" class="form-control" value="{{ $blog->short_desc }}" name="short_desc"  id="basic-icon-default-fullname" placeholder="توضیح مختصری بنویسید" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                                </div>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">تصویر اصلی</label>
                            <div class="col-sm-10">
                                <div class="input-group input-group-merge">
                                    <span id="basic-icon-default-fullname2" class="input-group-text"><i class="bx bx-file"></i></span>
                                    <input type="file" class="form-control" accept=".png, .jpg , .jpeg" name="file"  id="basic-icon-default-fullname" placeholder="متادیتا" aria-label="نام" aria-describedby="basic-icon-default-fullname2">
                                </div>
                                @if($blog->file)
                                    <img src="/storage/{{$blog->file}}" class="col-12 my-5 rounded-2">
                                @else
                                    <span class="mt-2 col-12 text-center"> بدون تصویر </span>
                                @endif
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-sm-2 col-form-label" for="basic-icon-default-fullname">محتوا</label>
                            <div class="col-sm-10">
                                <div class="input-group input-group-merge">
                                    <span id="editor" class="input-group"></span>
                                    <textarea name="body" class="form-control" id="editor">{{$blog->body}}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row justify-content-end">
                            <div class="col-sm-10">
                                <button type="submit" class="btn btn-primary">ارسال</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>

@endsection