@extends('layouts.site_layout')
@section('content')
<section class="py-5">
    <div class="container">
        <h1 class="fs-42 mb-lg-5 mb-md-5 mb-4">Member Dashboard</h1>
        <h2 class="fs-30 mb-lg-5 mb-md-5 mb-4">Create Member Articles</h2>
        <div id="store_message"></div>
        <form enctype="multipart/form-data" id="articles_store"  method="post" action="javascript:void(0)" class="row g-3">
            @csrf
            <div class="row mt-2">
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Article Title</label>
                    <input type="hidden" class="form-control" name="auth_id" value="{{$id}}" id="auth_id">
                    <input type="text" class="form-control" name="title" placeholder="Article title" id="article_title">
                </div>
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Article Sub title</label>
                    <input type="text"class="form-control" name="subtitle" placeholder="Please Enter Sub title" id=subtitle>
                </div>

            </div>

            <div class="row mt-2">
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Article Image <strong class="text-danger">size : (150 x 110)px</strong></label>
                    <input type="file"class="form-control" name="image" placeholder="Article Image" id=image>
                </div>

                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Description</label>
                    <textarea class="form-control ckEditor" name="description" placeholder="Description" id="article_description"></textarea>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">SEO title</label>
                    <input type="text" class="form-control" name="seo_title" placeholder="Article SEO title" id="seo_title">
                </div>
                
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Meta desc</label>
                    <textarea class="form-control ckEditor2" name="meta_desc" placeholder="Description" id="meta_desc"></textarea>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Publishing Date</label>
                    <input type="date" class="form-control" name="publish_date" placeholder="Publishing Date" id="article_publish_at">
                </div>
                
                <div class="col-md-6 mb-lg-3 mb-md-3 mb-4">
                    <label class="mb-1">Publish status</label>
                    <div class="custom-control custom-radio mb-2">
                        <input type="radio" id="customRadio1"  class="custom-control-input" value="1" name="is_publish" checked="" >
                        <label class="custom-control-label" for="customRadio1">Publish</label>
					</div>
                    <div class="custom-control custom-radio mb-4">
                        <input type="radio" id="customRadio2"  class="custom-control-input" value="0" name="is_publish">
                        <label class="custom-control-label" for="customRadio2">Not Publish</label>
                    </div>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-12">
                <button type="submit" class="btn btn-success btn-sm float-end mb-2" onclick="submitMemberArticles('articles_store')" id="btn_articles_store">Submit</button>
                <a href="{{url()->previous()}}"class="btn btn-danger btn-sm float-end mb-2 me-2">Back</a>
                </div>
            </div>
        </form>
    </div>
</section>
<script src="{{'/js/site-api/member_articles.js'}}"></script>
@endsection