@extends('layouts.app')
@section('content')
<div id="main-content">
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h1>{{config('app.event.name')}}</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Attendants</li>
                        </ol>
                    </nav>
                </div>
            </div>
            <div class="mb-3">
                @if($errors->any())
                    <div class="col-md-12 alert alert-danger">
                        <strong>{{$errors->first()}}</strong>
                    </div>
                @endif
            </div>
            @include('flash::message')
        </div>
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h1>Booth Attendants Information</h1>
                    <p>Add a Booth Manager & 4 Attendants</p>
                </div>
            </div>
        </div>
        <form enctype="multipart/form-data" method="POST" action="{{ route('company.attendants.submit') }}">
            @csrf
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="card">
                        <div class="body">
                            <div class="row clearfix">
                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Name') }}</b>
                                    <div class="input-group mb-3">
                                        <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus placeholder="Name">
                                        @error('name')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <input type="hidden" name="company_id" value="{{$company->id}}">
                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Role') }}</b>
                                    <div class="input-group mb-3">
                                        <select id="designation"  name="designation" class="form-control @error('designation') is-invalid @enderror">
                                            <option value="0">Attendant</option>
                                            <option value="1">Manager</option>
                                        </select>
                                        @error('designation')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('WhatsApp Number ') }}</b>
                                    <div class="input-group mb-3">
                                        <input id="whatsapp" type="number" class="form-control @error('whatsapp') is-invalid @enderror" name="whatsapp" placeholder="(Format: 923005665980)" value="{{ old('whatsapp') }}" required autocomplete="whatsapp">
                                        @error('whatsapp')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Email') }}</b>
                                    <div class="input-group mb-3">
                                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="Email@example.com" value="{{ old('email') }}" required autocomplete="email">
                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Meeting Platform') }}</b>
                                    <div class="input-group mb-3">
                                        <select id="meeting_platform"  name="meeting_platform" class="form-control @error('meeting_platform') is-invalid @enderror">
                                            <option value="Zoom">Zoom</option>
                                            <option value="Google Meet">Google Meet</option>
                                            <option value="Microsoft Teams">Microsoft Teams</option>
                                            <option value="StreamYard">StreamYard</option>
                                            <option value="Skype">Skype</option>
                                            <option value="WeChat">WeChat</option>
                                        </select>
                                        @error('designation')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Meeting Link') }}</b>
                                    <div class="input-group mb-3">
                                        <input id="meeting_link" type="text" class="form-control @error('meeting_link') is-invalid @enderror" name="meeting_link" value="{{ old('meeting_link') }}" placeholder="Copy-Paste your Meeting Room's Link" required autocomplete="meeting_link">
                                        @error('meeting_link')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-12">
                                    <b>{{ __('Timing') }}</b>
                                    <div class="input-group mb-3">
                                        <input id="timing" type="time" class="form-control @error('timing') is-invalid @enderror" name="timing" value="{{ old('timing') }}" placeholder="(Format: 10:00 am to 02:00 pm)" required autocomplete="timing">
                                        @error('timing')
                                        <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row clearfix">
                                <div class="form-group row mb-0">
                                    <div class="col-md-6">
                                        <button type="submit" class="btn btn-primary">
                                            {{ __('Register') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="body">
                        <div class="row clearfix">
                            <div class="col-lg-12 col-md-12">
                                <div class="table-responsive">
                                    <table class="table table-hover text-nowrap">
                                        <thead>
                                        <tr>
                                            <th>#</th>
                                            <th >Name</th>
                                            <th >Role</th>
                                            <th >Timing</th>
                                            <th >Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @php $i=1 @endphp
                                            @foreach ($attendants as $attendant)
                                                <tr>
                                                    <td>{{$i++}}</td>
                                                    <td>{{$attendant->name}}</td>
                                                    <td>{{($attendant->designation ==0)? 'Attendant' : 'Manager' }}</td>
                                                    <td>{{$attendant->timing}}</td>
                                                    <td><a href="{{ route('company.attendants.edit', $attendant->id) }}" class="edit btn btn-warning btn-sm">Edit</a>
                                                   <a href="{{ route('company.attendants.delete', $attendant->id) }}" class="edit btn btn-danger btn-sm">Delete</a></td>
                                                </tr>

                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>

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

    </div>
    @include('exhibition.main_footer')
</div>
</div>
@endsection('content')
@section('scripts')
    {{-- <script src="https://datatables.net/extensions/buttons/examples/initialisation/export.html"></script> --}}

    {{-- <script type="text/javascript">
        $(function () {
            let table = $('#attendants-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: "{{ route('company.attendants', Auth::user()->id) }}",
                },
                columns: [
                    {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                    {data: 'name', name: 'name'},
                    // {data: 'designation', name: 'designation'},
                    // {data: 'whatsapp', name: 'whatsapp'},
                    // {data: 'email', name: 'email'},
                    // {data: 'meeting_platform', name: 'meeting_platform'},
                    // {data: 'meeting_link', name: 'meeting_link'},
                    // {data: 'timing', name: 'timing'},
                    // {data: 'created_at', name: 'created_at'},
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ],
                buttons: [
                    'excel', 'csv', 'pdf', 'copy'
                ],
            });
        });
    </script> --}}
@endsection