@extends('admin.layouts.app')

@section('styles')

<style type="text/css">
    table td .view{
        color: #4677ff;
        border: 1px solid #4677ff;
        padding: 2px 3px;
        border-radius: 3px;
    }
    table td .delete{
        color: #de2a43;
        border: 1px solid #de2a43;
        padding: 2px 3px;
        border-radius: 3px;
    }
</style>
@endsection

@section('header')
	@include('admin.layouts.header')
@endsection

@section('sidemenu')
	@include('admin.layouts.sidemenu')
@endsection


@section('content')
<div class="content-page">
    <div class="content">
        <div class="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title-box">
                            <div class="float-right">
                                
                            </div>
                            <h4 class="page-title">Edit Issue</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-12 col-lg-12 col-xl-1"></div>
                <div class="col-md-12 col-lg-12 col-xl-10">
                            @if(session()->has('success-message'))
                                <div class="alert alert-success text-center">{{ session()->get('success-message') }}</div>
                            @endif
                            @if(session()->has('error-message'))
                                <div class="alert alert-danger text-center">{{ session()->get('error-message') }}</div>
                            @endif

                            <div class="card m-b-20">
                                <div class="card card-body">
                                    <h3 class="card-title font-20 mb-4 text-primary text-center">Edit Issue</h3>

                                    <div class="container-fluid">
                                        @if($res_issue != '')
                                        <form id="issue" name="editIssue" method="POST" action="/BNA/public/admin/journal/edit-issue/{{ $res_issue[0]->id }}" enctype="multipart/form-data" >
                                            {{ csrf_field() }}
                                            <div class="row">
                                                
                                                        <label for="staticEmail" class="col-sm-4 form-label">Select Month and Year <span class="required">*</span></label>
                                                        <div class="col-sm-8">
                                                            @php
                                                                $m = date('m', strtotime($res_issue[0]->month));
                                                                $y = $res_issue[0]->year.'-'.$m;
                                                            @endphp
                                                            <input class="form-control mb-4" type="month" placeholder="Select Month" name="month" value="{{ $y }}" required>

                                                        </div>
                                                        
                                                       
                                                        <label for="staticEmail" class="col-sm-4 form-label">Upload Cover</label>
                                                         <div class="col-sm-8">
                                                             <a href="{{ $res_issue[0]->issueFile }}" target="_blank" >Click to view</a>
                                                             <input type="hidden" name="filename" value="{{ $res_issue[0]->issueFile }}">
                                                            <input type="file" class="form-control mb-4" name="issuefile" id="issuefile" accept=".pdf" onchange="validateSize(this)">
                                                        </div>
                                                      
                                                       <label for="volume" class="col-sm-4 form-label">Volume <span class="required">*</span></label>
                                                            <div class="col-sm-8">
                                                                <select class="form-control mb-4" name="volume" required>
                                                                    <option value="">Select Volume</option>
                                                                    <option value="1" @if($res_issue[0]->volume == 1) selected @endif>1</option>
                                                                    <option value="2" @if($res_issue[0]->volume == 2) selected @endif>2</option>
                                                                     <option value="3" @if($res_issue[0]->volume == 3) selected @endif>3</option>
                                                                    <option value="4" @if($res_issue[0]->volume == 4) selected @endif>4</option>
                                                                     <option value="5" @if($res_issue[0]->volume == 5) selected @endif>5</option>
                                                                      <option value="6" @if($res_issue[0]->volume == 6) selected @endif>6</option>
                                                                    
                                                                    <!-- Add more options as needed -->
                                                                </select>
                                                            </div>
                                                            
                                                            <label for="issue_no" class="col-sm-4 form-label">Issue Number <span class="required">*</span></label>
                                                            <div class="col-sm-8">
                                                                <select class="form-control mb-4" name="issue_no" required>
                                                                    <option value="">Select Issue Number</option>
                                                                    <option value="1" @if($res_issue[0]->issue_no == 1) selected @endif>1</option>
                                                                    <option value="2" @if($res_issue[0]->issue_no == 2) selected @endif>2</option>
                                                                    <option value="3" @if($res_issue[0]->issue_no == 3) selected @endif>3</option>
                                                                    <option value="4" @if($res_issue[0]->issue_no == 4) selected @endif>4</option>
                                                                    <option value="5" @if($res_issue[0]->issue_no == 5) selected @endif>5</option>
                                                                    <option value="6" @if($res_issue[0]->issue_no == 6) selected @endif>6</option>
                                                                    <!-- Add more options as needed -->
                                                                </select>
                                                            </div>
                                                        
                                                    <div class="col-sm-12 mt-4 text-center">
                                                        <button class="form-control col-md-12 btn btn-primary" type="submit" name="submit">Submit</button>
                                                    </div>
                                               
                                            </div>
                                            
                                            
                                        </form>
                                        @endif
                                    </div>
                                </div>
                </div>
            </div> <!-- end col -->
        </div> 
        
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 <div class="modal-dialog">
   <div class="modal-content">
     <div class="modal-header">
       <h5 class="modal-title" id="exampleModalLabel">Alert</h5>
       <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">×</button>
     </div>
     <div class="modal-body">
       <p id="msgbox"></p>
     </div>
     <div class="modal-footer">
       <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
       <!--<button type="button" class="btn btn-primary">Save changes</button>-->
     </div>
   </div>
 </div>
</div>
@endsection

@section('footer')
	@include('admin.layouts.footer')
@endsection

@section('scripts')
<!-- Required datatable js -->
<!-- KNOB JS -->
<script src="{{ URL::asset('admin/plugins/jquery-knob/excanvas.js') }}"></script>
<script src="{{ URL::asset('admin/plugins/jquery-knob/jquery.knob.js') }}"></script>


<script>
// validate pdf size and type
    function validateSize(input) {
          const fileSize = input.files[0].size / 1024 / 1024; // in MiB
        //   alert(fileSize);
          if (fileSize > 10) {
            // alert('File size exceeds 2 MiB');
                $('#exampleModal').modal('toggle');
                $('#msgbox').html("File size exceeds 10 MB");
                $(input).val(''); //for clearing with Jquery
                
                // console.log(input);
          } else {
            // Proceed further
            // console.log(input.value);
                var fileName = input.value;
                var idxDot = fileName.lastIndexOf(".") + 1;
                var extFile = fileName.substr(idxDot, fileName.length).toLowerCase();
                if (extFile=="pdf"){
                    //TO DO
                }else{
                    // alert("Only pdf files are allowed!");
                    $('#exampleModal').modal('toggle');
                    $('#msgbox').html("Please select pdf file only");
                    input.value="";
                }   
          }
    }
    // validate pdf size and type
</script>

@endsection