@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')


    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                </div><!--card-header-->
                <div class="card-body">


                    @if(sizeof($data['records']) > 0)


                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody>
                                    <tr>
                                        <th width="15%">Business Name</th>
                                        <th width="14%">Address</th>
                                        <th width="10%">city</th>
                                        <th width="6%">State</th>
                                        <th width="8%">zip</th>
                                        <th width="10%">Phone</th>
                                        <th width="10%">fax</th>
                                        <th width="15%">email</th>
                                        <th width="12%">Name</th>
                                    </tr>
                                    @foreach($data['records'] as $record)
                                        <tr onclick="show_crm_data({{ $record->id }});" @if($record->verified == 'Y') style="background-color: #E4FFC8;" @endif>
                                            <td>{{ $record->business_name }}</td>
                                            <td>{{ $record->address }}</td>
                                            <td>{{ $record->city }}</td>
                                            <td>{{ $record->state }}</td>
                                            <td>{{ $record->zip }}</td>
                                            <td>{{ $record->phone }}</td>
                                            <td>{{ $record->fax }}</td>
                                            <td>{{ $record->email }}</td>
                                            <td>{{ $record->first_name . ' ' . $record->last_name }}</td>
                                        </tr>
                                        <tr>
                                            <td colspan="9" class="crm-data d-none" id="data_{{ $record->id }}">
                                                {!! Form::open(array('route' => ['admin.crm-data.update', $record->id], 'method' => 'POST', 'id' => 'frm_crm_data_'.$record->id)) !!}
                                                    @method('PATCH')
                                                    @csrf
                                                    <div class="float-right">
                                                        <span id="edit_link_{{ $record->id }}"><a href="javascript:;" onclick="edit_crm_data({{ $record->id }});">Edit Details</a></span>
                                                        <span id="cancel_edit_link_{{ $record->id }}" class="d-none"><a href="javascript:;" onclick="edit_crm_data({{ $record->id }}, 'cancel');">Cancel Editing</a></span>
                                                    </div>

                                                    <div id="crm_details_{{ $record->id }}">

                                                    </div>

                                                    <div class="float-right d-none" id="crm_update_button_{{ $record->id }}">
                                                        <button class="btn btn-success" type="button" onclick="crm_update({{ $record->id }});">Update</button>
                                                    </div>
                                                {!! Form::close() !!}
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        <button type="submit" class="btn btn-primary">Upload Image and Update SKUs</button>
                        <br />
                        <br />



                        <div class="clearfix">
                            <div class="pagination pagination-sm no-margin pull-right">
                                {!! $data['records']->render() !!}
                            </div>
                        </div>


                    @else
                        <strong>Sorry!</strong>, no products found.
                    @endif



                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->







@stop

@push('after-scripts')
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
@endpush