@extends('layout.layout')

@section('header')


<div class="page-header page-header-default">
    <div class="page-header-content">
        <div class="page-title">
            <h4><span class="text-semibold">รอบการลงทะเบียน</span></h4>
        </div>
    </div>

    <div class="breadcrumb-line">
        <ul class="breadcrumb">
            <li class="active"><a href="{{route("pdpa.index")}}"><i class="icon-home4 position-left"></i>
            ข้อมูลส่วนบุคคล</a></li>
        </ul>
    </div>
</div>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h5 class="panel-title">ข้อมูลส่วนบุคคล</h5>
                    <a class="heading-elements-toggle"><i class="icon-more"></i></a>
                    <div class="heading-elements">
                        <a href="{{route('pdpa.export')}}" class="btn btn-sm btn-success"><i class="icon-download position-left"></i> Download .CSV</a>
                        <br>
                    </div>
                </div>
                <div class="panel-body">
                    <h6>ข้อมูลส่วนบุคคล</h6>
                    <div class="table-responsive">
                        <table id="pdpa_table" class="table table-bordered table-sm-responsive table-striped">
                            <thead>
                            <tr>
                                <th>Email</th>
                                <th>Name</th>
                                <th>Surname</th>
                                <th>Phone</th>
                                <th>Date Of Birth</th>
                                <th>Gender</th>
                                <th>Province</th>
                                <th>Consent</th>
                                <th>Consent At</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($dataEvents as $dataEvent)
                                <tr>
                                    <td>{!! nl2br($dataEvent['email']) ?? ' - '!!}</td>
                                    <td>{!! nl2br($dataEvent['name']) ?? ' - '!!}</td>
                                    <td>{!! nl2br($dataEvent['surname']) ?? ' - '!!}</td>
                                    <td>{!! nl2br($dataEvent['phone']) ?? ' - '!!}</td>
                                    <td>
                                        @if ($dataEvent['date_of_birth'])
                                            {{ \Carbon\Carbon::parse($dataEvent['date_of_birth'])->format('Y-m-d') }}
                                        @else
                                            0000-00-00
                                        @endif
                                    </td>
                                    <td>
                                        @if ($dataEvent['gender'] == 'male')
                                            Male
                                        @elseif ($dataEvent['purchased_shop'] == 'female')
                                            Female
                                        @elseif ($dataEvent['purchased_shop'] == 'unspecified')
                                            Unspecified
                                        @else 
                                            -
                                        @endif
                                    </td>
                                    <td>{!! nl2br($dataEvent['province']) ?? ' - '!!}</td>
                                    @if ($dataEvent['consent'] == 'on')
                                        <td style="color:green;">Checked</td>
                                    @else
                                        <td style="color:red;" >Uncheck</td>
                                    @endif
                                    <td>
                                        @if ($dataEvent['created_at'])
                                            {{ \Carbon\Carbon::parse($dataEvent['created_at'])->format('Y-m-d H:i:s') }}
                                        @else
                                            0000-00-00 00:00:00
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
<script>
    $(document).ready(function () {
        $('#pdpa_table').DataTable();
        // $('#pdpa_table').DataTable();
        $('.dataTables_length').addClass('bs-select');
    });
</script>
@endsection