@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            Solution / Feedback  {{ $id }}
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/repair-services'   ) !!}">Repair Services From Ryans</a></li>
            <li class="active">Entry</li>
        </ol>
    </section>
@endsection


@section('main-content')
    <section class="content">
        <div class="row">
            <div class="col-md-4">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <!--<h3 class="box-title">Solution / Feedback</h3>-->

                        <div class="box-tools pull-right">
                            <!--<a class="btn btn-xs btn-primary" href="{{ url('/admin/questions') }}">-->
                            <!--    <i class="fa fa-arrow-left"></i> Go Back-->
                            <!--</a>-->
                        </div>

                    </div>
                    <p style="padding-left: 10px;">
                        <b></b>
                        <br/>
                        <b>
                    </p>



                    @if(Session::has('message'))
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="alert alert-success alert-dismissible">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                {{Session('message')}}
                            </div>
                        </div>
                    </div>
                    @endif



                    {!! Form::open(['url' => '/admin/repair-services-from-ryans-feedback/'. $id ]) !!}

                    <div class="box-body">

                        <input type="hidden" value="{{ $id }}" name="service_id" />
                        <input type="hidden" value="{{ $install->serviceType->id }}" name="service_type_id" />


                        <div class="form-group">
                            <label>Token: </label>
                            <span class="form-value">{{ $install->token_no }}</span>
                        </div>

                        <div class="form-group">
                            <label>Service: </label>
                            <span class="form-value">{{ $install->serviceType->service_type_name }}</span>
                        </div>

                        <div class="form-group">
                            <label>Details:</label>
                             <span class="form-value">{{ $install->details }}</span>
                        </div>

                        <div class="form-group">
                            <label>Phone: </label>
                            <span class="form-value">{{ $install->phone }}</span>
                        </div>



                       <div class="form-group @if($errors->has('possible_reason')) has-error @endif">
                            {!! Form::label('possible_reason','Possible Reason') !!}
                            {!! Form::select('possible_reason', $reasons , ['class' => 'form-control select2', 'placeholder' => 'possible_reason', 'id' => 'possible_reason']) !!}
                            @if ($errors->has('possible_reason'))
                                <span class="help-block">{!! $errors->first('possible_reason') !!}</span>
                            @endif
                        </div>


                        <div class="form-group @if($errors->has('note')) has-error @endif">
                            {!! Form::label('note','Note') !!}
                            {!! Form::textarea('note', isset($question->note) ? $question->note : null, ['class' => 'form-control', 'placeholder' => 'Note', 'id' => 'note']) !!}
                            @if ($errors->has('note'))
                                <span class="help-block">{!! $errors->first('note') !!}</span>
                            @endif
                        </div>


                        <div class="form-group @if($errors->has('status')) has-error @endif">
                            {!! Form::label('status','Status') !!}
                            {!! Form::select('status', ['PENDING' => 'PENDING', 'WORKING' => 'WORKING', 'FINISHED' => 'FINISHED', 'CANCELED' => 'CANCELED'], ['class' => 'form-control select2', 'placeholder' => 'status', 'id' => 'status']) !!}
                            @if ($errors->has('status'))
                                <span class="help-block">{!! $errors->first('status') !!}</span>
                            @endif
                        </div>



                    </div>

                    <div class="box-footer">
                        {!! Form::submit('Submit',['class' => 'btn btn-primary']) !!}
                    </div>

                    {!! Form::close() !!}

                </div>
            </div>



            <div class="col-md-8">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        Products
                    </div>
                    <div class="box-body">
                        <div class="box-body table-responsive">
                            <table class="table table-hover" id="repair_service_from_ryans_products_list_table">
                                <thead>
                                <tr>
                                    <th></th>
                                    <th>Product Name</th>
                                    <th>SKU</th>
                                    <th>Brand</th>
                                    <th>Product Type</th>
                                    <th>Bill No</th>
                                    <th>Bill Date</th>
                                    <th>Generate DateTime</th>
                                </tr>
                                </thead>
                            </table>


                            <div id="previous_purchase_products">

                            </div>


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

        </div>









        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-body">

                        <div class="box-body table-responsive">
                            <table class="table table-hover" id="repair_service_from_ryans_feedback_list_table">
                                <thead>
                                <tr>
                                    <th>Possible Reason</th>
                                    <th>Details</th>
                                    <th>Status</th>
                                    <th>DateTime</th>
                                    <!--<th style="width: 141px;">Action</th>-->
                                </tr>
                                </thead>
                            </table>
                        </div>

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


    </section>
    <style>
        .form-value { font-weight: normal !important;}
    </style>



@endsection


@section('javascripts')



    <!-- child view -->
    <script id="details-template" type="text/x-handlebars-template">
        @verbatim

        <table class="table details-table" id="purchases-{{product_sku}}">
            <thead>
            <tr>
                <th>name</th>
                <th>SKU</th>
                <th>Brand</th>
                <th>Product Type</th>
                <th>Bill No</th>
                <th>Bill Date</th>
                <th>Date</th>
            </tr>
            </thead>
        </table>
        @endverbatim
    </script>


    <script >




        // $(document).ready(function () {
            $('#repair_service_from_ryans_feedback_list_table').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "{{ url('/admin/pfeedbackListData/7/'. $id ) }}",
                "order": [[0, "desc"]],
                "columns": [
                    {data: 'possible_reason_id'},
                    {data: 'note'},
                    {data: 'status'},
                    {data: 'created_at'},
                ]
            });

        // });

            // var template = Handlebars.compile($("#details-template").html());

            var productsTable = $('#repair_service_from_ryans_products_list_table').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "{{ url('/admin/repairFromRyansProductListData/'. $id ) }}",
                "order": [[0, "desc"]],
                "columns": [
                     {
                        'className':      'details-control',
                        'orderable':      false,
                        'searchable':     false,
                        'data':           null,
                        'defaultContent': ''
                      },
                    {data: 'product_name'},
                    {data: 'product_sku'},
                    {data: 'brand'},
                    {data: 'product_type'},
                    {data: 'bill_no'},
                    {data: 'bill_date'},
                    {data: 'created_at'},
                ]
            });


         function initTable(tableId) {
              console.log('executing initTable');

            console.log('tableId', tableId);
            var details_url = "{!! url('/repairFromRyansProductListDataChild') !!}/" + tableId;
            console.log('detail_url:', details_url);



            $.ajax({
                type:"GET",
                url: details_url ,
                success: function(obj) {
                    var oData = '<table style="width: 100%;" class="table"><tbody>';
                  console.log('response',obj.data)
                  $('#previous_purchase_products' ).empty()
                  $.each(obj.data, function(o, v) {
                      console.log(v)
                      oData += '<tr>';
                      oData += '<td>'+v.product_name+'<td>';
                      oData += '<td>'+v.product_sku+'<td>';
                      oData += '<td>'+v.brand+'<td>';
                      oData += '<td>'+v.product_type+'<td>';
                      oData += '<td>'+v.bill_no+'<td>';
                      oData += '<td>'+v.bill_date+'<td>';
                      oData += '<td>'+v.created_at+'<td>';
                      oData += '</tr>';
                  });

                  oData += '</tbody></table>';

                  console.log('#purchases-'+tableId)

                   $('#previous_purchase_products' ).html(oData)

                   console.log( oData);
                }
            });

            // $('#purchases-' + tableId).DataTable({
            //       processing: true,
            //       serverSide: true,
            //       ajax: details_url,
            //       success: function(obj) {
            //           console.log('response',obj)

            //       }
            //     //   columns: [
            //     //     { data: 'product_name', name: 'product_name' },
            //     //     { data: 'product_sku', name: 'product_sku' },
            //     //     { data: 'brand', name: 'brand'},
            //     //     { data: 'product_type', name: 'product_type'},
            //     //     { data: 'bill_no', name: 'bill_no'},
            //     //     { data: 'bill_date', name: 'bill_date'},
            //     //     { data: 'created_at', name: 'created_at'},
            //     //   ]
            // });
        }


        // $('#repair_service_from_ryans_products_list_table tbody').on('click', 'td.details-control', function () {
        //     var tr = $(this).closest('tr');
        //     var row = productsTable.row(tr);

        //     console.log('id', row.data().product_sku)
        //     var tableId =  row.data().product_sku;

        //     if (row.child.isShown()) {
        //       // This row is already open - close it
        //       row.child.hide();
        //       tr.removeClass('shown');
        //     } else {

        //       // console.log('test=', row.child(template(row.data())).show())


        //       // Open this row
        //     //   row.child(template(row.data())).show();
        //       initTable(tableId);



        //     //   console.log('else-data:', row.data());

        //         //  row.child(template(initTable(tableId))).show();




        //       tr.addClass('shown');
        //       tr.next().find('td').addClass('no-padding bg-gray');
        //     }
        //   });





    </script>
@endsection