@extends('layouts.admin')

@section('content')
<style>.select-checkbox { display: none; }</style>

<div class="card">
    <div class="card-header">
        <b>{{ $customerProfileCSVData->name }}</b>
    </div>

    <div class="card-body">
        <div class="form-group">
            <div class="form-group">
                <a class="btn btn-default" href="{{ route('admin.customer_property.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>
            <table class="table table-bordered table-striped table-hover ajaxTable datatable datatable-customer-property-details">
                <thead>
                    <th>id</th>
                    <th>Project Number</th>
                    <th>Project Date</th>
                    <th>Project Name</th>
                    <th>Building Name</th>
                    <th>Unit Number</th>
                    <th>Procedure Type</th>
                </thead>
            </table>
            {{--<table class="table table-bordered table-striped">
                <tbody>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.id') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->id }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.name') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->name }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.phone') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->phone }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.email') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->email }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.gender') }}
                        </th>
                        <td>
                            @php
                                $gender = '';
                                if($customerProfileCSVData->gender == 'F'){
                                    $gender = 'Female';
                                } else if($customerProfileCSVData->gender == 'M'){
                                    $gender = 'Male';
                                }
                            @endphp
                            {{ $gender }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.dob') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->dob ? date('m-d-Y', strtotime($customerProfileCSVData->dob)) : ''}}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.mobile_number') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->mobile_number }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.secondary_mobile_number') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->secondary_mobile_number }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.passport') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->passport }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.emirates_id_number') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->emirates_id_number }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.residence_country') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->residence_country }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.customerProperty.fields.nationality') }}
                        </th>
                        <td>
                            {{ $customerProfileCSVData->nationality }}
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="form-group">
                <a class="btn btn-default" href="{{ route('admin.customer_property.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>--}}
        </div>
    </div>
</div>
@endsection

@section('scripts')
    @parent

    <script>
        $(document).ready(function () {
            let dtOverrideGlobals = {
                buttons: [],
                processing: true,
                serverSide: true,
                retrieve: true,
                aaSorting: [],
                ajax: "{{ route('admin.customer_property.show', ['id' => $customerProfileCSVData->id]) }}",
                columns: [
                    { data: 'project_id', name: 'project_id' },
                    { data: 'project_number', name: 'project_number' },
                    { data: 'project_date', name: 'project_date' },
                    { data: 'project_name', name: 'project_name' },
                    { data: 'building_name_en', name: 'building_name_en' },
                    { data: 'unit_number', name: 'unit_number' },
                    { data: 'procedure_party_type_name_en', name: 'procedure_party_type_name_en' }
                ],
                orderCellsTop: true,
                order: [[1, 'desc']],
                pageLength: 10,
            };

            let table = $('.datatable-customer-property-details').DataTable(dtOverrideGlobals);

            $('a[data-toggle="tab"]').on('shown.bs.tab click', function (e) {
                $($.fn.dataTable.tables(true)).DataTable().columns.adjust();
            });
        });
    </script>
@endsection