@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Manage CIG Initiatives</h2>
        </div>
    </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                    <h2>Create New CIG Initiative</h2>
                    </div>
                </div>
                <div class="padding_infor_info">
                    <form action="{{url('admin/manage-initiatives')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-group">
                            <label>CIG Categories</label>
                            <select class="form-control" name="cig_category_id" required>
                                <option value="">..choose..</option>
                                @foreach($categories as $category)
                                <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label>Name</label>
                            <input class="form-control" type="text" placeholder="Name" name="name" required>
                        </div>
                        <!-- <div class="form-group">
                            <label>Icon</label>
                            <input class="form-control" type="file" placeholder="icon" name="icon" >
                        </div> -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Image <span class="text-danger">[576 * 219]</span></label>
                                    <input class="form-control" type="file" placeholder="Image" name="logo" >
                                </div>
                            </div>
                            <!-- <div class="col-md-6">
                                <label>Image Position</label>
                                <select class="form-control" name="image_position" >
                                    <option value="">..choose..</option>
                                    <option value="align_left">Left</option>
                                    <option value="align_right">Right</option>
                                </select>
                            </div> -->
                        </div>
                      
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Description</label>
                                    <textarea class="form-control ckEditor" placeholder="Description"  name="description" id="description"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Additional Information</label>
                                    <textarea class="form-control " placeholder="Additional Information"  name="short_description" id="short_description"></textarea>
                                </div>
                            </div>
                            
                            <!-- <div class="col-md-6">
                                <div class="form-group">
                                    <label>Content Position</label>
                                    <select class="form-control" name="content_position">
                                        <option value="">..choose..</option>
                                        <option value="align_left">Left</option>
                                        <option value="align_right">Right</option>
                                    </select>
                                </div>
                            </div> -->
                        </div>

                          <div class="form-group">
                            <label>Color Code</label>
                            <select class="form-control" name="color_code">
                                <option value="">..choose..</option>
                                <option value="bg-brown">Brown</option>
                                <option value="bg-grey">Grey</option>
                                <option value="bg-orange">Orange</option>
                                <option value="bg-blue">Blue</option>
                                <option value="bg_light_grey">light Grey</option>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label>Sorting order</label>
                            <input class="form-control" type="number" name="sorting" >
                        </div>
                    <div class="form-group">
                        <label >Status</label>
                            <div class="custom-control custom-radio mb-3">
                                <input type="radio" id="customRadio1"  class="custom-control-input" value="1" name="status">
                                <label class="custom-control-label" for="customRadio1">Active</label>
                            </div>
                            <div class="custom-control custom-radio mb-5">
                                <input type="radio" id="customRadio2"  class="custom-control-input" value="0" name="status" checked="">
                                <label class="custom-control-label" for="customRadio2">In-Active</label>
                            </div>
                    </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">Submit</button>
                            <a href="{{ url('admin/manage-initiatives')}}" class="btn btn-danger">Cancel</a>
                        </div>
		        </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection