@extends('layouts.default', ['appTopMenu' => true])
@push('scripts')
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<script src="{{ asset('js/eoffice/forward_notesheet.js') }}"></script>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
<script src="/assets/plugins/ckeditor/ckeditor.js"></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style type="text/css">
/* .header { padding : 60cm 0 20px 0;margin-bottom:20px;overflow :auto;border-bottom : 2px solid #0095c8;} */
</style>
@endpush

@section('content')

<div class="card mb-0">
    <div class="card-header card-bg-color ">
       Forward Notesheet 
    </div>
    <div class="card-body">

    <div class="row">
        <div class="col-sm-12">
        <div class="alert alert-primary">
    <strong>Notesheet Id:</strong> {{ $getNotesheetDetailsFromId[0]->notesheet_no }}-{{ $getNotesheetDetailsFromId[0]->notesheet_year }}
  </div>
        </div>
    </div>
   
    @if( $getNotesheetDetailsFromId[0]->forwarded_at=='' || $getNotesheetDetailsFromId[0]->forwarded_at==null)
       <div class="row">
        <div class="col-sm-12 text-center">
        <div class="alert alert-danger">
  <strong>Error!</strong> Notesheet already drafted.
</div>
        </div>
       </div>
    @else
       

    <div class="row">
        <div class="col-sm-12">
        <div class="card mb-0">
    <div class="card-header card-bg-color ">
        <div class="row">
     <div class="col-sm-10">
       Notesheet Details
    </div>
    <div class="col-sm-2">
    <i style="cursor: pointer;font-size: 17px;" class="fa-solid fa-plus-circle cl_fa" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2"></i>
    </div>
    </div>
    </div>
    <div class="collapse multi-collapse" id="multiCollapseExample2">
    <div class="card-body">
   
            <div class="row">
            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Subject</b></label>
            <div>{{ $getNotesheetDetailsFromId[0]->subject }}</div>
            </div>  

            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Created Date</b></label>
            <div>{{ date('d-m-Y H:i:s',strtotime($getNotesheetDetailsFromId[0]->entry_date)) }}</div>
            </div>  

            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Created By</b></label>
            <div>{{  $created_by[0]->name }}</div>
            </div>  

            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Head</b></label>
            <div>{{  $majorheadname }} - {{ $minorheadname }}</div>
            </div>  

            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Received From</b></label>
            <div>{{  $received_from[0]->name }}</div>
            </div>  

            <div class="col-sm-3 mb-1">
            <label  class="control-label"><b>Receiving Date</b></label>
            <div>{{  date('d-m-Y H:i:s',strtotime($getNotesheetDetailsFromId[0]->created_at)) }}</div> 
            </div>  
            </div>
    </div>
    </div>
</div>


        </div>
    </div>

    <ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a href="#default-tab-1" data-bs-toggle="tab" class="nav-link active cl_navlink" aria-selected="false" role="tab" tabindex="-1">
<span class="d-sm-none">Notesheet Received</span>
<span class="d-sm-block d-none">Notesheet Received</span>
</a>
</li>
<li class="nav-item" role="presentation">
<a href="#default-tab-2" data-bs-toggle="tab" class="nav-link cl_navlink" aria-selected="false" role="tab" tabindex="-1">
<span class="d-sm-none">Comments</span>
<span class="d-sm-block d-none">Comments</span>
</a>
</li>
</ul>

<div class="tab-content panel rounded-0 p-3 m-0">

<div class="tab-pane fade active show" id="default-tab-1" role="tabpanel">



        <div class="row" >
            <div class="col-sm-10 mb-3 m-auto">
            <div class="card mb-0" >
    <div class="card-header card-bg-color ">
        Notesheet Received
    </div>
    <div class="card-body" style="max-height: 400px;overflow: scroll;" >
                {!! $contents !!}
     </div>
     </div>
    </div>
        </div>
        </div>

        <div class="tab-pane fade" id="default-tab-2" role="tabpanel">
        <div class="row" >
            <div class="col-sm-10 mb-3 m-auto">
            <div class="card mb-0" >
    <div class="card-header card-bg-color ">
       Comments
    </div>
    <div class="card-body">
    <textarea class="ckeditor" id="editor1" name="editor1" rows="20">
        <div id="dv_content" >
        
        <table style="border: 0px;width: 100%;">
        <thead style="display: table-header-group;" >
       
            <tr style="border: 0px;height: 1.8cm;">
          <th>
            <div class="header">
            <table>
                <tr>
                <th style="border: 0px;width: 20px;">Subject:-</th>
                <!-- <th style="border: 0px;padding-left: 30px;text-align: left;" id="th_subject">Regarding receipt and dispatch of elecronic records (scanning, email and uploading of documents)</th> -->
                <th style="border: 0px;padding-left: 30px;text-align: left;width: 100%;" id="th_subject">{{ $getNotesheetDetailsFromId[0]->subject }}</th>
                </tr>
            </table>
        </div>
          </th>
                <!-- <th style="border: 0px;width: 20px;">Subject:-</th> -->
                <!-- <th style="border: 0px;padding-left: 30px;text-align: left;" id="th_subject">Regarding receipt and dispatch of elecronic records (scanning, email and uploading of documents)</th> -->
                <!-- <th style="border: 0px;padding-left: 30px;text-align: left;" id="th_subject"></th> -->
            </tr>
</thead>
                <tbody>
            <tr>
                <td colspan="2">

                <div class="header1"> 

        <!-- <p style="width: 20%;display: inline;"><b>Subject:-</b></p>
        <table style="border: 0px;width: 70%;display: inline;">
            <tr style="border: 0px;">
            
                <th style="border: 0px;padding-left: 30px;text-align: left;">Regarding receipt and dispatch of elecronic records (scanning, email and uploading of documents)</th>
            </tr>
        </table> -->
        <!-- <p style="width: 70%;display: inline;padding-left: 30px"><b>Regarding receipt and dispatch of elecronic records (scanning, email and uploading of documents)</b></p> -->
        <!-- <p ><b><u>Dated: {{ date('d-m-Y') }}</u></b></p> -->
        <p></p>

        <div style="text-align: right;width: 40%;float:right;"> 
        <div style="min-width: 1%;text-align: center;">
        <b>{{ $username }}
            </br>
        {{ $getDesignationNameFromId[0]->desig_name }}<br/>{{ date('d-m-Y') }}</b>
        </div>
        </div>
        </div>
        </td>
            </tr>
            </tbody>
        </table>
        </div>
      
    </textarea>
     </div>
     </div>
    </div>
        </div>
        </div>
        </div>
        <div class="row" >
           
        <label for="txt_caseno" class="col-sm-2 col-form-label offset-sm-1"><b>Forwarded To</b></label>

<div class="col-sm-5">
    <input type="text" name="txt_forwardedto" id="txt_forwardedto" class="form-control form-control-sm cl_forwardedto" >
    <input type="hidden" name="hd_idd" id="hd_idd" >
    <small id="sp_txt_forwardedto_e" class="text-danger"></small>  
</div>
        </div>

        <div class="col-sm-12 text-center">
<div class="row">
<div class="col-sm-12">

<input type="button" class="btn btn-primary btn-sm" name="btn_save" id="btn_save" value="Save as Dratft">
&nbsp;&nbsp;
<input type="button" class="btn btn-primary btn-sm" name="btn_save_f" id="btn_save_f" value="Save and forward">
</div>
</div>
</div>

        <div class="row" id="dv_editor"></div>
        <div id="dv_editordata" class="d-none"></div>

        <div class="mt-1" id="dv_showresult"></div>
    </div>
</div>
@endif

@endsection