@extends('layouts.admin.app')

@section('content')

<!-- Page Wrapper -->
<div class="page-wrapper">
	<!-- Page Content -->
    <div class="content container-fluid">
        <div class="crms-title row bg-white">
            <div class="col">
                <h3 class="page-title m-0">
                <span class="page-title-icon bg-primary text-white mr-2">
                    <i class="fa fa-user-o" aria-hidden="true"></i>
                </span> Manage Category </h3>
            </div>
            <div class="col text-right">
                <ul class="breadcrumb bg-white float-right m-0 pl-0 pr-0">
                    <li class="breadcrumb-item"><a href="{{url('/admin/home')}}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Category</li>
                </ul>
            </div>
        </div>
        
        <!-- Page Header -->
        <div class="page-header pt-3 mb-0 ">
            <div class="row">
                <div class="col"> 
                </div>
                <div class="col text-right">
                    <ul class="list-inline-item pl-0">
                        <li class="list-inline-item">
                            <a href="{{route('category.index')}}" class="add btn btn-primary font-weight-bold text-white todo-list-add-btn btn-rounded" id="add-task">Back</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /Page Header -->
        
        <!-- Content Starts -->
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-0">
                    <div class="card-body">
                    <span id="form_result"></span>  
                        <form method="Post" id="update_category_form" action="{{route('category.update', $categories->id)}}" class="form-horizontal" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <div class="form-group row">
                                <div class="col-sm-12">
                                    <label class="col-form-label">Category name </label>
                                    <input type="text" name="category_name" class="form-control" value="{{ $categories->category_name }}" placeholder="Category name">
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-sm-12">
                                    <label class="col-form-label">Choose Status </label>
                                    <select class="form-control" name="status" id="status">
                                        <option value="">Select status</option>    
                                        <option {{ $categories->status == '1'? 'selected' : '' }}  value="1">Active</option>
                                        <option  {{ $categories->status == '0'? 'selected' : '' }} value="0">In-active</option>
                                    </select>  
                                </div>
                            </div>  
                            <div class="form-group row">
                                <div class="col-sm-12">
                                    <label class="col-form-label">Upload Image </label><br>
                                    <img src="{{ URL::asset('storage/category/'. $categories->image) }}" height="88" width="88">
                                    <input type="file" name="image" class="form-control" value="{{ $categories->image }}" placeholder="Category name">
                                </div>
                            </div>                          
                            <div class="text-center py-3">
                                <input type="submit" id="ajaxSubmit1" class="border-0 btn btn-primary btn-gradient-primary btn-rounded" value="Save">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Content End -->
        
    </div>
    <!-- /Page Content -->
    
</div>
<!-- /Page Wrapper -->

@endsection