@extends('layouts.index')

@section('content')
    <div class="content-wrapper">
        <div class="" id="customerDetails">
            <!-- Content Header (Page header) -->
            <section class="content-header m-3">
                <h1>Leads
                    {{-- <a class="btn btn-small btn-default pull-right ml-2" href="{{ route('customers.export') }}"><i
                            class="fa fa-download"></i>&nbsp; {{ __('export') }}</a> --}}
                    {{-- <a class="btn btn-small btn-default pull-right ml-2" href="#customerImportModal" data-toggle="modal"><i class="fa fa-upload"></i>&nbsp; {{__('import')}}</a> --}}
                    @if(auth()->guard('admin')->user()->checkSpPermission('customers.leads'))
                    <a class="btn btn-small btn-success pull-right" href="#addCustomerModal" data-toggle='modal'>
                        <i class="fa fa-plus"></i>&nbsp; New Lead</a>
                    @endif
                </h1>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-success">
                            <div class="box-header">
                                @include('partials.filters', [
                                    'filter_route' => url('/Backoffice/leads'),
                                    'filter_id' => 'leadFilter',
                                ])
                            </div>
                            <div class="box-body">
                                <div class="" id="customerTable">
                                    <table class="table table-bordered table-striped">
                                        <thead>
                                            <tr>
                                                <th>Customer Name</th>
                                                <th>Customer Email</th>
                                                <th class="hidden-xs">Phone Number</th>
                                                <th class="hidden-xs">Location</th>
                                                <th class="hidden-xs">Building</th>
                                                <th class="hidden-xs">Expected Date</th>
                                                <th class="hidden-xs">Creation Date</th>
                                                <th class="text-center">Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($customers as $value)
                                                <tr>
                                                    <td>{{ $value->name }}</td>
                                                    <td>{{ $value->email }}</td>
                                                    <td class="hidden-xs">{{ $value->phone_number }}</td>
                                                    <td class="hidden-xs">{{ $value->location }}</td>
                                                    <td class="hidden-xs">{{ $value->building }}</td>
                                                    <td class="hidden-xs">{{ $value->expected_date }}</td>
                                                    <td class="hidden-xs">{{ $value->created_at }}</td>
                                                    <td class="item_btn_group">
                                                        @php
                                                            $latestInst = $value->installations()->latest()->first();
                                                            $showConvert = !$latestInst || in_array(strtolower($latestInst->status), ['cancelled', 'canceled']);
                                                            $actions = [
                                                                [
                                                                    'data-replace' => '#editCustomer',
                                                                    'url' => '#editCustomerModal',
                                                                    'ajax-url' => url(
                                                                        '/Backoffice/customers/' . $value->id . '/edit',
                                                                    ),
                                                                    'name' => 'Edit Lead',
                                                                    'icon' => 'pencil',
                                                                ],
                                                            ];
                                                            
                                                            if ($showConvert) {
                                                                $actions[] = ['url'=>url('/Backoffice/new/installations/'.$value->id), 'name'=>'Convert Customer', 'icon'=>'pencil'];
                                                            }
                                                        @endphp
                                                        @include('partials.actions', [
                                                            'actions' => $actions,
                                                        ])
                                                    </td>

                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @include('partials.pagination', [
                                        'items' => $customers,
                                        'index_route' => route('customers.leads'),
                                    ])
                                </div>
                            </div>
                            <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
                <div class="modal fade sub-modal" id="addCustomerModal">
                    <div class="modal-dialog modal-lg">
                        @include('customers.formleads', ['customer' => ''])
                    </div>
                </div>
                <div class="modal fade sub-modal" id="editCustomerModal">
                    <div class="modal-dialog modal-lg">
                        <div id="editCustomer"></div>
                    </div>
                </div>
                <div class="modal fade sub-modal" id="showCustomerModal">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content" id="showCustomer"></div>
                    </div>
                </div>
                @include('partials.import_modal', [
                    'name' => 'Customers',
                    'modalId' => 'customerImportModal',
                    'import_route' => 'customers.import',
                ])

            </section>
            <!-- /.content -->
        </div>
    </div>
@endsection