@extends('layouts.admin_layout')
@section('content')
@section('title', 'Add Report')


<!-- ========== App Menu ========== -->

<!-- Left Sidebar End -->
<!-- Vertical Overlay-->
<div class="vertical-overlay"></div>

<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->

            <!-- end page title -->

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header align-items-center d-flex">
                            <h4 class="card-title mb-0 flex-grow-1">Add Report</h4>

                        </div><!-- end card header -->
                        <div class="card-body">
                            <div class="live-preview">
                                
                        <ul class="nav nav-tabs mb-3" role="tablist">
                           <li class="nav-item">
                              <a class="nav-link active" data-bs-toggle="tab" href="#report" role="tab" aria-selected="false">
                              Report
                              </a>
                           </li>
                           
                            <li class="nav-item">
                              <a class="nav-link" data-bs-toggle="tab" href="#faq" role="tab" aria-selected="false">
                              Faq
                              </a>
                           </li>
                           
                           <li class="nav-item">
                              <a class="nav-link" data-bs-toggle="tab" href="#seo" role="tab" aria-selected="false">
                              SEO
                              </a>
                           </li>
                        </ul>
                        

                                @if (session('msg'))
                                <div class="alert alert-success" role="alert">
                                    {{ session('msg') }}
                                </div>
                                @endif


                                @if(isset($report))
                                <form method="post" action="{{url('auth/update-report',['report_id' => ($report->id)])}}" enctype="multipart/form-data">
                                    @else
                                    <form method="post" action="{{url('auth/save-report')}}" enctype="multipart/form-data">
                                        @endif


                                        @csrf
                                        
                                         <div class="tab-content  text-muted">
                                        <div class="tab-pane active" id="report" role="tabpanel">
                                            
                                        <div class="row gy-4">


                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Title</label>
                                                    <input type="text" class="form-control" name="title" value="{{ isset($report)?$report->title:old('title') }}">
                                                </div>
                                                @error('title')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="image" class="form-label">Image</label>
                                                    <input type="file" class="form-control" name="image">
                                                    <input type="hidden" class="form-control" name="old_image" value="{{ isset($report)?$report->image:old('old_image') }}">
                                                </div>
                                                @error('image')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            @if(isset($report))
                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="image" class="form-label">Image Preview</label>
                                            @if(file_exists(public_path().'/uploads/reports/'.$report->image) && !empty($report->image))
											<img src="{{ URL::asset('uploads/reports/'.$report->image) }}" height="100px; width:100px;">
											@else
											<img src="{{ URL::asset('admin/images/default.jpg') }}" height="100px; width:100px;">
											@endif

                                                </div>
                                                @error('image')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            @endif
                                            
                                            
                                             <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Industry</label>
                                                    <select name="industry_id" class="form-control">
                                                        <option value="">--Select--</option>
                                                        @foreach($industries as $industry)
                                                        <option value="{{$industry->id}}" @if(isset($report) && $report->industry_id == $industry->id) {{"selected"}} @endif>{{$industry->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                @error('industry_id')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Report Date</label>
                                                    <input type="date" class="form-control" name="report_date" value="{{ isset($report)?$report->report_date:old('report_date') }}">
                                                </div>
                                                @error('report_date')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Report Pages</label>
                                                    <input type="number" class="form-control" name="report_page" value="{{ isset($report)?$report->report_page:old('report_page') }}">
                                                </div>
                                                @error('report_date')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Amount</label>
                                                    <input type="number" class="form-control" name="amount" value="{{ isset($report)?$report->amount:old('amount') }}">
                                                </div>
                                                @error('amount')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">License Amount</label>
                                                    <input type="number" class="form-control" name="license_amount" value="{{ isset($report)?$report->license_amount:old('license_amount') }}">
                                                </div>
                                                @error('license_amount')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             

                                            <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="descriptions" class="form-label">Report Description</label>
                                                   <textarea class="form-control" name="descriptions" id="descriptions">{{ isset($report)?$report->descriptions:old('descriptions') }}</textarea>
                                                </div>
                                                @error('description')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="short_desc" class="form-label">Short Description</label>
                                                   <textarea class="form-control" name="short_desc" id="short_desc">{{ isset($report)?$report->short_desc:old('short_desc') }}</textarea>
                                                </div>
                                                @error('short_desc')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="table_content" class="form-label">Table of Content</label>
                                                   <textarea class="form-control" name="table_content" id="table_content">{{ isset($report)?$report->table_content:old('table_content') }}</textarea>
                                                </div>
                                                @error('table_content')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                             <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="descriptions" class="form-label">List of Figures</label>
                                                   <textarea class="form-control" name="list_figures" id="list_figures">{{ isset($report)?$report->list_figures:old('list_figures') }}</textarea>
                                                </div>
                                                @error('list_figures')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                            
                                            
                                               <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="title" class="form-label">Slug</label>
                                                    <input type="text" class="form-control" name="slug" value="{{ isset($report)?$report->slug:old('slug') }}">
                                                </div>
                                                @error('slug')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                            <div class="col-xxl-6 col-md-6">
                                                <div>
                                                    <label for="name" class="form-label">Status</label>
                                                    <select name="status" class="form-control">
                                                        <option value="" @if(isset($report) && $report->status == '') {{"selected"}} @endif>--Select--</option>
                                                        <option value="1" @if(isset($report) && $report->status == 1) {{"selected"}} @endif selected="">Active</option>
                                                        <option value="0" @if(isset($report) && $report->status == 0) {{"selected"}} @endif>Inactive</option>
                                                    </select>

                                                    @error('status')
                                                    <span class="text-danger">{{$message}}</span>
                                                    @enderror

                                                </div>
                                            </div>


                                            <!--end col-->

                                            <!--end col-->
                                        </div>
                                         </div>
                                         
                                           <div class="tab-pane" id="seo" role="tabpanel">
                                 <div class="row gy-4">
                                    <div class="col-xxl-12 col-md-12">
                                       <div>
                                          <label for="descriptions" class="form-label">Meta Title</label>
                                          <textarea class="form-control" name="meta_title">{{ isset($report)?$report->meta_title:old('meta_title') }}</textarea>
                                       </div>
                                       @error('meta_title')
                                       <span class="text-danger">{{$message}}</span>
                                       @enderror
                                    </div>
                                    <div class="col-xxl-12 col-md-12">
                                       <div>
                                          <label for="descriptions" class="form-label">Meta Keyword</label>
                                          <textarea class="form-control" name="meta_keywords">{{ isset($report)?$report->meta_keywords:old('meta_keywords') }}</textarea>
                                       </div>
                                       @error('meta_keywords')
                                       <span class="text-danger">{{$message}}</span>
                                       @enderror
                                    </div>
                                    <div class="col-xxl-12 col-md-12">
                                       <div>
                                          <label for="descriptions" class="form-label">Meta Description</label>
                                          <textarea class="form-control" name="meta_description">{{ isset($report)?$report->meta_description:old('meta_description') }}</textarea>
                                       </div>
                                       @error('meta_description')
                                       <span class="text-danger">{{$message}}</span>
                                       @enderror
                                    </div>
                                    <!--end col-->
                                    <!--end col-->
                                 </div>
                              </div>
                              
                              
                               <div class="tab-pane" id="faq" role="tabpanel">
                                 <div class="row gy-4">
                                    
                                     <div class="col-xxl-12 col-md-12">
                                        <table class="table align-middle table-nowrap mb-0">
                                        <thead class="table-light">
                                            <tr>
                                                <th scope="col">Question</th>
                                                <th scope="col">Status</th>
                                                <th scope="col">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>


                                            @foreach($faqs as $key=>$row)
                                            <tr row_id="{{$row->id}}" class="get_row_{{$row->id}}">
                                                <td>{{$row->qus}}</td>
                                                <td>@if($row->status == 1) <button type="button" class="btn btn-sm btn-light"> Active</button> @else <button type="button" class="btn btn-sm btn-light"> Inactive</button> @endif</td>
                                                <td>
                                                    
                                                    <a class="btn btn-danger btn-sm waves-effect waves-light deleteBtn" data-toggle="modal" href="javascript:void(0)" row_id="{{$row->id}}">
                                                        <i class="fe fe-trash"></i> Delete
                                                    </a>
                                                </td>
                                            </tr>
                                            @endforeach

                                        </tbody>

                                    </table>
                                    </div>
                                    
                                     <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="short_desc" class="form-label">Question</label>
                                                   <textarea class="form-control" name="qus"></textarea>
                                                </div>
                                                @error('qus')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>

                                       <div class="col-xxl-12 col-md-12">
                                                <div>
                                                    <label for="descriptions" class="form-label">Answer</label>
                                                   <textarea class="form-control" name="ans"></textarea>
                                                </div>
                                                @error('ans')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                            </div>
                                    
                                    <!--end col-->
                                    <!--end col-->
                                 </div>
                              </div>

                                        <br><br>
                                        <div class="row gy-4">

                                            <div class="col-xxl-3 col-md-6">
                                                <div>
                                                    <input type="hidden" name="report_id" value="{{ isset($report)?$report->id:old('report_id') }}">
                                                    <input type="submit" class="btn btn-success" value="Save">
                                                </div>
                                            </div>
                                        </div>
                                        <!--end row-->
                                    </form>



                            </div>

                        </div>
                    </div>
                </div>
                <!--end col-->
            </div>
            <!--end row-->




        </div> <!-- container-fluid -->
    </div><!-- End Page-content -->

    @include('includes.admin.footer')
</div>
<!-- end main content-->

</div>
<!-- END layout-wrapper -->


@include('includes/admin/delete-model')
<script>
    $(document).ready(function() {


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


        $('.deleteBtn').on('click', function() {
            var row_id = $(this).attr('row_id');
            $('.get_row_id').val(row_id);
            $('#delete_modal').modal('show');
        });

        $('.deleteBtnYs').on('click', function() {
            var row_id = $('.get_row_id').val();
            //alert(row_id);
            var csrf_token = $('input[name="csrf_token"]').val();
            $.ajax({
                url: "{{url('auth/delete-faq')}}",
                method: "post",
                data: {
                    id: row_id,
                    _token: csrf_token
                },
                beforeSend: function() {
                    $('.get_msg').text('deleting...');
                },
                success: function(data) {
                    $('#delete_modal').modal('hide');
                    $('.get_row_' + row_id).remove();
                }

            });

        });

        $('.deleteBtnNo').on('click', function() {
            $('#delete_modal').modal('hide');
        });

    });
</script>

<script>
    ClassicEditor
        .create(document.querySelector('#descriptions'))
        .catch(error => {
            console.error(error);
        });
</script>

<script>
    ClassicEditor
        .create(document.querySelector('#table_content'))
        .catch(error => {
            console.error(error);
        });
</script>

<script>
    ClassicEditor
        .create(document.querySelector('#list_figures'))
        .catch(error => {
            console.error(error);
        });
</script>






@stop