@extends('admin.layout.admin-dash-layout')

@section('title', 'Admin')





@section('content')

<br>

<br>

<div class="form-group row">

    <div class="col-sm-12">

        @if ($errors->any())

            <div class="alert " style="background-color:rgb(153, 51, 0); color:white">

                <ul>

                    @foreach ($errors->all() as $error)

                        <li>{{ $error }}</li>

                    @endforeach

                </ul>

            </div>

        @endif

    </div>

    <div class="col-sm-12">

        @if (session()->has('message'))

            <div class="alert alert-success">

                {{session('message')}}

            </div>

        @endif

    </div>

    <div class="col-sm-12">

        @if (session()->has('hasError'))

            <div class="alert alert-danger">

                {{session('hasError')}}

            </div>

        @endif

    </div>

</div>



<div class="container-fluid">

    <div class="fade-in">

<div class="row">

 <div class="col-xl-8 mx-auto">

        <div class="card">

            <div class="card-body">

                <div class="border p-3 rounded">

                    <h6 class="mb-0 text-uppercase text-center"><b>Add Document</b></h6>



                    <hr />

                    <form class="row g-3" action="{{route('store')}}" method="post" enctype="multipart/form-data">

                       @csrf     

                        <div class="col-12">

                            <label class="form-label"><span class="required" style="color: red">*</span> Title</label>

                           <input type="text" name="title" id="txttitle" class="form-control" maxlength="100" value="{{old('title')}}"/>

                        </div>





                        <div class="col-12">

                            <br>

                            <label class="form-label"><span class="required" style="color: red">*</span> Category</label>

                            <select id="cat" name="category" class="form-control single-select" required >

                                <option >Select Category</option>

                                @foreach($category as $categories)

                               

                                  <option value="{{$categories->id}}" {{  old('category') == $categories->id? "selected":""  }}>{{$categories->category}}</option>

                                 

                                  @endforeach

                               </select>

                        </div>

                        

                        <div class="col-12">

                            <br>

                            <label class="form-label"><span class="required" style="color: red">*</span> Sub Category</label>

                            <select id="sub_category" name="sub_category" required value="{{old('sub_category')}}" class="form-control single-select" >

                                {{-- <option >Select Sub Category</option>  --}}

                                {{-- <option >Select Sub Category</option>

                                  @foreach($sub_category as $sub)

                                  <option value="{{$sub->id}}">{{$sub->sub_category}}</option>

                                 

                                  @endforeach --}}

                               </select>

                        </div>



                        <div class="col-12">

                            <br>

                            <label class="form-label"><span class="required" style="color: red">*</span> Upload File <label style="color: green">(Upload file only pdf, max file size 10Mb)</label></label>

                            <input id="uploadify" type="file"  class="form-control" name="image" />

                        </div>



                        <div class="col-6">

                            <br>

                            <div class="form-check">

                               

                                <input type="checkbox" class="form-check-input boxcheck" id="boxcheck" name="restricted_option" value="Yes">

                                

                                <label for="checkbox"> Restricted Document </label><br>

                            </div>

                        </div>



                        <div class="col-12">

                          

                                <Button  class=" btn btn-lg btn-block" style="background-color:rgb(153, 51, 0); color:white" >Submit</Button>

                            

                        </div>



                    </form>

                </div> 

            </div>

        </div>

    </div>

</div>

</div>

</div>

@endsection

@section('javascript')

<script>

$(document).ready(function() {

    $('#cat').on('change', function() {

       var categoryID = $('#cat').val();

       if(categoryID) {

           $.ajax({

               url: '../../luckycement/getSub_category/'+categoryID,

               type: "GET",

               data : {"_token":"{{ csrf_token() }}"},

               dataType: "json",

               success:function(data)

               {

                 if(data){

                    $('#sub_category').empty();

                    

                    $.each(data, function(key, sub_category){

                        $('select[name="sub_category"]').append('<option value="'+ sub_category.id +'" >' + sub_category.sub_category+ '</option>');

                    });

                }else{

                    $('#sub_category').empty();

                }

             }

           });

       }else{

         $('#sub_category').empty();

       }

    });

    });



</script>



@endsection