@extends('layouts.dashboard')

@section('content')

<form class="admin-edit" method="POST" action="{{ route('Resource.Store') }}" enctype="multipart/form-data" style="background-color:#fff">
    @csrf
    <div class="border-bottom p-3 d-flex justify-content-between sticky-top bg-white align-items-center">
        <a class="small" href="{{url('admin/resources/all')}}">All Resources</a>
        <div class="w-25 d-block text-center bg-light rounded p-2">
            <span class="m-0">New Resource</span>
        </div>
        <button class="btn-cta fill">{{'save'}} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" color="currentColor" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                <path d="M15.8787 3H11C7.22876 3 5.34315 3 4.17157 4.17157C3 5.34315 3 7.22876 3 11V13C3 16.7712 3 18.6569 4.17157 19.8284C5.34315 21 7.22876 21 11 21H13C16.7712 21 18.6569 21 19.8284 19.8284C21 18.6569 21 16.7712 21 13V8.12132C21 7.66475 21 7.43646 20.9758 7.2174C20.8924 6.4633 20.5963 5.74846 20.122 5.15629C19.9843 4.98427 19.8228 4.82285 19.5 4.5C19.1772 4.17715 19.0157 4.01573 18.8437 3.87795C18.2515 3.40366 17.5367 3.10757 16.7826 3.02421C16.5635 3 16.3353 3 15.8787 3Z"></path>
                <path d="M17 3.5V4C17 5.88562 17 6.82843 16.4142 7.41421C15.8284 8 14.8856 8 13 8H11C9.11438 8 8.17157 8 7.58579 7.41421C7 6.82843 7 5.88562 7 4V3.5"></path>
                <path d="M17 20.5V17C17 15.1144 17 14.1716 16.4142 13.5858C15.8284 13 14.8856 13 13 13H11C9.11438 13 8.17157 13 7.58579 13.5858C7 14.1716 7 15.1144 7 17V20.5"></path>
            </svg></button>
    </div>
    <div class="row">
        <div class="col-lg-9">
            <div class="content p-5">
                <input type="text" class="form-control border-0" name="title" placeholder="New Resource" required>
                <div class="mb-4">
                    <textarea id="summernote" class="form-control" name="content" rows="12" placeholder="Write your blog content here"></textarea>
                </div>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="border-start h-100">
                <div class="border-top">
                    <div>
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" name="is_published" value="1">
                            <label class=" form-check-label" for="switchCheckDefault">Publish?</label>
                        </div>

                    </div>
                    <div class="p-4">
                        <h6>{{'Resource Categories'}}</h6>
                        {!! $categoryTreeHtml !!}

                    </div>
                    <div class="border-top">
                        <div class="p-4">
                            <h6>{{'Price'}}</h6>
                            <input type="number" name="price" class="form-control" value="">
                            <small class="form-text text-muted">Leave blank if you want this resource to be accessed through subscription.</small>
                        </div>
                    </div>
                    <div class="border-top">
                        <div class="p-4">
                            <h6>{{'Resource Attachment'}}</h6>
                            <input name="file_path" class="form-control form-control-sm" type="file" accept=".pdf,.doc,.docx" />
                            <small class="form-text text-muted">Allowed file types: PDF, DOC, DOCX.</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</form>

@endsection