@extends('admin.layout')
@section('content')
    


<!-- begin::main content -->

<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header">
            <h3>Map Material</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>                    
                    <li class="breadcrumb-item active" aria-current="page">Map Material</li>
                </ol>
            </nav>
        </div>
        <!-- end::page header -->

        <div class="row">
            <div class="col-md-6">

                <div class="card">
                    <div class="card-body">
                        <a href="{{asset('admin/revision-material-list')}}" class="btn btn-primary pull-right"><i class="fa fa-list"></i>&nbsp; Revision Material List</a>
                        <x-flashMessage/>
                        <h6 class="card-title">Map Material</h6>
                        <form action="{{asset('admin/add-revision-material-file/'.Request::segment(3))}}" method="post" enctype="multipart/form-data">
                            @csrf
                           

                            <div class="form-group">
                                <label for="username">File Name</label>
                                <input type="text" class="form-control" name="file_name" value="" id="file_name" placeholder="Enter Filename">
                               
                                @if ($errors->has('file_name'))
                                <div class="error">
                                    {{ $errors->first('file_name') }}
                                </div>
                                @endif

                            </div>


                            <div class="form-group">
                                <label for="username">File url</label>
                               <select class="form-control" name="files_url">
                                <option value="" disabled>Select File Name</option>
                                   @if(!empty($materials))
                                   @foreach($materials as $material)
                                    <option value="{{$material->etag}}">{{$material->filename}}</option>
                                    @endforeach

                                    @endif
                                   
                               </select>
                               
                                @if ($errors->has('files_url'))
                                <div class="error">
                                    {{ $errors->first('files_url') }}
                                </div>
                                @endif

                            </div>


                            

                   

                         

                           
                           
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>



            </div>
           
        </div>

    </div>

</main>
<!-- end::main content -->

@endsection
@push('footer-script')
    <!-- begin::select2 -->
      <!-- begin::select2 -->
<link rel="stylesheet" href="{{asset('public/admin/vendors/select2/css/select2.min.css')}}" type="text/css">     <!-- end::select2 -->
  
<script src="{{asset('public/admin/vendors/select2/js/select2.min.js')}}"></script>
<script src="{{asset('public/admin/js/examples/select2.js')}}"></script>

<script>
    $(document).ready(function(){
        $(document).on('change','.category',function(){

            // alert();
            // e.preventDefault();
            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

            var catId = $(this).val();
            $('#selectCatId').val(catId);
          
            $.ajax({
                type:"post",
                data:{"catId":catId},
                url:"{{ asset('admin/get-sub-category') }}",
                dataType:"json",              
                success:function(result)
                {
                    // console.log(result);
                    // return false;
                    $('.select-box').html(result);
                    // console.log(result);
                }
            });
        });


        $(document).on('click','.add-input-box',function(){
            $('.input-box').append(`<input type="text" class="form-control" id="catName" placeholder="Add Category Name"><button class="btn btn-primary btn-sm cat-save"><i class="fa fa-save"></i></button>`);

            $('.add-input-box').prop('disabled',true);
            
        });
       

        $(document).on('click','.cat-save',function(e){
            
            e.preventDefault();
            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

            var catName = $('#catName').val();
            // alert(catName);
            $.ajax({
                type:"post",
                data:{"catName":catName},
                url:"{{ asset('admin/save-main-category') }}",
                // dataType:"html",              
                success:function(result)
                {
                    
                    $('#category').html(result);
                    $('#catName').val('');
                    // console.log(result);
                }
            });
        });


        /* add sub category */

        $(document).on('click','.add-sub-inp-box',function(){
            $('.input-box').append(`<input type="text" class="form-control" id="subcatName" placeholder="Add Sub Category Name"><button class="btn btn-primary btn-sm sub-cat-save"><i class="fa fa-save"></i></button>`);

            $('.add-sub-inp-box').prop('disabled',true);
            
        });

        $(document).on('click','.sub-cat-save',function(e){
            e.preventDefault();
            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });

            var subcatName = $('#subcatName').val();
            var catId = $('#category').val();
            if(catId=='' || catId=='undefined')
            {
               $('#msg').html('<div class="alert alert-danger">Please Select Category</div>');
               return false;
            }

            $.ajax({
                type:"post",
                data:{"subcatName":subcatName,"catId":catId},
                url:"{{ asset('admin/save-sub-category') }}",
                
              
                success:function(result)
                {
                    if(result == 1)
                    {
                        $('#msg').html('<div class="alert alert-success">Sub category Added Successfully!</div>')
                    }

                    if(result == -1)
                    {
                        $('#msg').html('<div class="alert alert-danger">Sub category Not Added Successfully!</div>')
                    }

                    // location.reload();
                }
            });
        });

        $(document).on('change','#category',function(){
            var catId = $(this).val();

            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });


            $.ajax({

                type:"post",
                data:{"catId":catId},
                url:"{{ asset('admin/get-sub-category') }}",
                dataType:"html",
                success:function(result)
                {
                    console.log(result);
                    

                    // location.reload();
                }


            });
        });


    });
</script>
<!-- end::select2 -->
@endpush