@extends('layouts.mastercms')

@section('content')
<div class="content-wrapper container">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                 <div class="col-sm-6">
                     <h1>Edit Post</h1>
                 </div>
            </div>
        </div>
    </section>
    <section class='mx-4'>
    <form method='POST'action="/post/{{$post->id}}" enctype="multipart/form-data">
    @csrf
    @method('PUT')
        <div class="form-floating my-3">
        <label for="title" class="text-secondary">Title <span class="font-normal text-danger">*</span></label>
            <input type="text" class="form-control col-lg-7" name="title" placeholder="Title of the post" value='{{$post->title}}' required>
         </div>
        <div class="form-floating my-3">
        <label for="description" class="text-secondary">Description <span class="font-normal text-danger">*</span></label>
            <textarea required class="form-control col-lg-7" placeholder="Description" name="description" style="height: 100px">{{$post->description}}</textarea>
        </div>
    
        
        <div class="form-floating my-3">
        <label for="Category_id" class="text-secondary">Category <span class="font-normal text-danger">*</span></label>
            <div class="dropdown" >
            <select class="form-select custom-select col-lg-7" name="category_id" aria-label="filter by category" placeholder="Filter by category">          
                @foreach($category as $category)
                <option value='{{$category->id}}' @if($post->category_id == $category->id) selected @endif>{{$category->title}}</option>             
                @endforeach
            </select>
            </div>
            
        
        </div>
        <div class="form-floating my-3">
        <label for="images" class="text-secondary">Post Image <span class="font-normal text-danger">*</span></label>
            <input type="file" class="form-control col-lg-7" name="image" placeholder="Image">
        </div>
        <div class="form-floating pt-4 my-3">
            <img src="{{$post->url()}}" width="50%" height="130px" alt="">
            <p>Note: Old image will be replace by new one</p>
        </div>
        <div class="form-floating my-3" >
            <label for="images" class="text-secondary">File <span class="font-normal text-danger">(optional)</span></label>
            <input type="file" class="form-control col-lg-7" name="file" placeholder="Image">
        </div>
        <div class="form-floating my-3">
        <label for="title" class="text-secondary">Video <span class="font-normal text-danger">(optional)</span></label>
            <input type="text" class="form-control col-lg-7" name="video" placeholder="Video link" value='{{$post->video}}'>
         </div>       

        <div class="form-floating my-3">
        <label for="Category_id" class="text-secondary">Status <span class="font-normal text-danger">*</span></label><br/>
            <select class="form-select custom-select col-lg-7" name="status" aria-label="Floating label select example"> 
            
                <option value="published"   >Published</option>
                
                <option value="draft"  >Draft</option>
                
            </select>
        </div>
        <div class="py-4">
        <a href="/post" class="btn btn-danger mb-2 px-4 mr-4">Cancel</a><button type='Submit' class="btn btn-success mb-2 px-4">Update</button>
        </div>
    </form>
    </section>
    
</div>
@endsection