@extends('layouts.user')


@section('content')
<style>
    .ck-placeholder{
        
        height:200px;
    }
    

    .remove-icon {

      float: right;
    margin-top: -33px;
    margin-right: 10px;
    cursor: pointer;
    color: red;
    margin-left: 5px;
}
</style>



  <main class="main-content  mt-0">
    <div class="page-header align-items-start min-vh-50 pt-5 pb-11 m-3 border-radius-lg" style="background-image: url('https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro/assets/img/signup-cover.jpg'); background-position: top;">
      <span class="mask bg-gradient-dark opacity-6"></span>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-5 text-center mx-auto">
            <!-- <h1 class="text-white mb-2 mt-5">Welcome!</h1> -->
            <p class="text-lead text-white">Create you file here!</p>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row mt-lg-n10 mt-md-n11 mt-n10 justify-content-center">
        <div class="col-xl-10 col-lg-5 col-md-10 mx-auto">
          <div class="card z-index-0">
            <div class="card-header text-center pt-4">
              <h5>Create File</h5>
            </div>
            
             
            
            
            <form role="form" method="POST" action="{{ route('uploadefile') }}" enctype="multipart/form-data">
              @csrf
<div class="col-xl-12 col-lg-5 col-md-10 mx-auto row">           
              <div class="card-body col-xl-8" style="border-right: solid 1px;">
              

                                <input type="hidden" class="form-control" value="{{ Auth::user()->odep_id }}" name="depid">
                              <input type="hidden" class="form-control" value="{{ Auth::user()->id }}" name="filesharefrom">
                                  <input type="hidden" class="form-control" value="0" name="draft_type">
              
                                        @if(str_contains(url()->current(), '/send-file-form'))
                                <input type="hidden" class="form-control" value="1" name="doc_type">
                                @elseif(str_contains(url()->current(), '/send-letter-form'))
                                <input type="hidden" class="form-control" value="2" name="doc_type">
                                @elseif(str_contains(url()->current(), '/send-summary-form'))
                                <input type="hidden" class="form-control" value="3" name="doc_type">
                                      @endif



                    <div class="row col-xl-12">  
                              <div class="mb-3 col-xl-4">
                                <label>Received No. from department:</label>
                                 <input type="text" class="form-control" placeholder="Document No." name="law_doc_no">
                                
                              </div>


                              <div class="mb-3 col-xl-4">
                                <label>Received from department:</label>
                                          <select name="rec_dep" id="rec_dep" class="form-select" data-search="on">
                                            @php
                                                $getdeplist = DB::table('odepartments')->get();
                                            @endphp   
                                            @foreach ($getdeplist as $deplist)
                                                <option value="{{$deplist->name}}" selected>{{$deplist->name}}</option>
                                            @endforeach
                                            </select>
                                </div>


                              <div class="mb-3 col-xl-4">
                                <label>Law department section No. :</label>
                               <input type="text" class="form-control" placeholder="Document No." name="doc_no">
                              </div>
                    </div>

                              <div class="mb-3">
                                <label>Title of document</label>
                                <input type="text" class="form-control" placeholder="Title" name="subject">
                              </div>




                                  <div class="mb-3">
                                  <label>Noting Area</label>
                                    <script src="{{ asset('assets/js/ckeditor.js?ver=1.4') }}"></script>
                                    <textarea id="nottings" class="form-control" name="nottings" placeholder="Noting Area" style="max-width: 100%;"></textarea> 
                                  </div>
                                        <script>
                                        ClassicEditor
                                            .create( document.querySelector( '#nottings' ), {
                                                basicEntities: true,
                                                entities: false,
                                            } )
                                            .catch( error => {
                                                console.error( error );
                                            } );
                                        </script>


                                  <div class="mb-3">
                                  <label>Drafting Area</label>
                                      <div class="mb-3" id="image-container">
                                        <input type="file" class="form-control" placeholder="Name" name="mydraftfile">
                                      </div>



                                    <!--<script src="{{ asset('assets/js/ckeditor.js?ver=1.4') }}"></script>
                                    <textarea id="editor" class="form-control" name="draft_text" placeholder="Drafting Area" style="max-width: 100%;"></textarea> -->
                                  </div>

                                <script>
                                ClassicEditor
                                    .create( document.querySelector( '#editor' ), {
                                        basicEntities: true,
                                        entities: false,
                                    
                                    } )
                                    .catch( error => {
                                        console.error( error );
                                    } );

                                </script>


          

                              <div class="mb-3">
                                <label>Section assigned to:</label>
                                          <select name="asigned_section" id="asigned_section" class="form-select" data-search="on">
                                              
                                              
                                          @php
                                                $getseclist = DB::table('departments')->get();
                                          @endphp
                                                      
                                            @foreach ($getseclist as $seclist)
                                                <option value="{{$seclist->name}}" selected>{{$seclist->name}}</option>
                                            @endforeach
                                            </select>
                                </div>








                                      <div class="mb-3">
                                      <label>File send for further proceeding:</label>
                                          <select name="fileshareto" id="fileshareto" class="form-select" data-search="on" onchange ="shownamealert(this.form)">
                                              
                                               @if(Auth::user()->jobtitle == 'SC') 
                                                   @php
                                                            $getuser = DB::table('users')->where('jobtitle', 'SO')->get();
                                                    @endphp
                                                    
                                                       <option value="0">None</option>
                                                     @foreach ($getuser as $getus)
                                                                        @php
                                                                            $getdept = DB::table('departments')->where('id', $getus->department_id)->first();
                                                                        @endphp
                                                
                                                 <option value="{{ $getus->id   }}" selected>{{ Str::of($getus->name)->limit(110)->upper() }} SO @if(isset($getdept->name))- {{$getdept->name}} @endif</option>
                                                 @endforeach
                                                
                                                
                                                
                                                            @else
                                                              
                                                              
                                                                <option value="select" selected disabled hidden>Select Member</option>
                                                                 <option value="0">None</option>
                                                                @endif
                                                                
                                                                
                                                                
                                                                @foreach ($users as $user)
                                                                
                                                                                  @php
                                                    $getdep = DB::table('departments')->where('id', $user->department_id)->first();
                                                    @endphp
                       
                       
                                                               <option value="{{ $user->id   }}">{{ Str::of($user->name)->limit(110)->upper() }} ({{$user->jobtitle}}) @if(isset($getdep->name))  - {{$getdep->name}} @endif</option>
                                                        @endforeach
                                                            </select>

                                </div>

              
            
               
                
              
              </div>
            

              <div class="card-body col-xl-4">
                <label for="">Attachments</label>
                                              <div class="mb-3" id="image-container">
                              <input type="file" class="form-control" placeholder="Name" name="file[]">
                            </div>
                            <button type="button" class="btn btn-primary" id="add-more" style="background-color: #2ecec4;">+ Add More</button>
                            <div id="image-container"></div>

                            <script>
                              let addButton = document.getElementById("add-more");
                              let container = document.getElementById("image-container");

                              addButton.addEventListener("click", () => {
                                let div = document.createElement("div");
                                let input = document.createElement("input");
                                input.setAttribute("type", "file");
                                input.setAttribute("name", "file[]");
                                input.classList.add("form-control");
                                input.setAttribute("accept", "image/*,application/pdf"); // Accept image and PDF files
                                input.setAttribute("capture", "environment"); // Use the device's rear camera for scanning

                                let removeButton = document.createElement("span");
                                removeButton.classList.add("remove-icon");
                                removeButton.innerHTML = "&#x2716;"; // Cross icon

                                removeButton.addEventListener("click", () => {
                                  container.removeChild(div);
                                });

                                div.style.marginTop = "10px"; 
                                div.appendChild(input);
                                div.appendChild(removeButton);
                                container.appendChild(div);
                              });
                            </script>

                        

              </div>

</div>
                <div class="col-md-12">
                 

                      <div class="text-center col-md-2 " style="float:right; padding-right: 3%;">
                         <input type="text" class="form-control" id="exampleTextField" name="pin" placeholder="Enter your pin here" required>
                          <button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2 ">Submit</button>
                      </div>
                      </div>

            </form>



          </div>
        </div>
      </div>
    </div>
  </main>












<script> 
    function shownamealert(fileshareto) {
        alert("Please follow sequence, to change member sequence result in out this member from sequence");
    }  
</script>








<!-- Modal -->


@if(empty($getfileshare))
  
@else
   

@endif
  @endsection