@extends('layouts.customer')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h1>Applicant</h1>
                <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                    <ol class="breadcrumb pt-0">
                        <li class="breadcrumb-item">
                            <a href="#">Home</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">Applicant</li>
                    </ol>
                </nav>

                <div class="separator mb-5"></div>
            </div>
        </div>

        <div class="row mb-2">
            @if ($message = Session::get('success'))
                <div class="w-100 alert alert-success">
                    <p>{{ $message }}</p>
                </div>
            @endif
        </div>

        <div class="row mb-2">
            @if ($errors->any())
                <div class="w-100 alert alert-danger">
                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                </div>
            @endif
        </div>

        <div class="row mb-4">
            <div class="col-12 mb-4">
                <div class="card">
                    <div class="card-body">
                        <div id="DataTables_Table_0_wrapper">
                        <div class="row mb-4">
                            <div class="col-md-6"></div>
                            <div class="col-md-6">
                                <div class="float-right">
                                    <form action="{{ route('applicants.index',['account'=>$account]) }}" method="GET">
                                        <div class="form-status d-inline-flex">
                                            <span class="text-small">Filter by status: </span>
                                            <div class="ml-2">
                                                <select class="me-2 form-control form-control-sm" id="form_status_0" name="form_status" onchange="this.form.submit()">
                                                    <option>-- Select status --</option>
                                                    @foreach($formStatus as $status)
                                                        <option value="{{ $status }}" @if( $request->has('form_status') && $request->input('form_status') == $status ) selected @endif>{{ formStatusName($status) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <input type="hidden" name="location_id" value="{{ $location_id }}" />
                                        <!-- <button type="submit" class="btn btn-primary submit-data">Save</button> -->
                                    </form>
                                </div>
                            </div>
                        </div>
                            <table class="data-table" id="DataTables_Table_0"> <!-- data-table data-table-feature -->
                            <thead>
                                <tr>
                                    <th scope="col">Sr No</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Phone</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($applicants)
                                    @foreach($applicants as $applicant)
                                        <tr>
                                            <td>{{ $applicant->id }}</td>
                                            <td>{{ $applicant->first_name }}</td>
                                            <td>{{ $applicant->email }}</td>
                                            <td>{{ $applicant->phone }}</td>
                                            <td>{{ formStatusName($applicant->status) }}</td>
                                            <td>
                                                @if( $applicant->status == App\Constants\FormStatusConstants::HIRED )
                                                    Hired
                                                @else
                                                    <div class="d-flex align-items-center">
                                                        <button type="button" class="btn btn-xs btn-outline-success mb-1 mr-2" data-toggle="modal" data-target="#exampleModal{{ $applicant->id }}">Hire</button>
                                                        <div class="modal" id="exampleModal{{ $applicant->id }}" tabindex="-1" role="dialog" aria-modal="true">
                                                            <form method="POST" action="{{ route('applicants.update', ['account'=>$account, 'applicant' => $applicant->id]) }}">
                                                                @csrf
                                                                @method('PATCH')
                                                                <div class="modal-dialog" role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="exampleModal{{$applicant->id}}Label">Confirmation</h5>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                                <span aria-hidden="true">×</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <div class="row mb-2">
                                                                                @if ($errors->any())
                                                                                    <div class="w-100 alert alert-danger">
                                                                                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                                                                                        <ul>
                                                                                            @foreach ($errors->all() as $error)
                                                                                                <li>{{ $error }}</li>
                                                                                            @endforeach
                                                                                        </ul>
                                                                                    </div>
                                                                                @endif
                                                                            </div>
                                                                            
                                                                            <h4>Assign Role</h4>
                                                                            <div class="row">
                                                                                <div class="col-xs-12 col-sm-12 col-md-12">
                                                                                    <div class="form-group">
                                                                                        <label for="password">{{ __('Role') }} <span class="text-danger">*</span></label>
                                                                                        {!! Form::select('roles', $roles, '', array('class' => 'form-control')) !!}
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                            <h4>Manage Access</h4>
                                                                            <div class="row">
                                                                                <div class="form-group col-md-4">
                                                                                    <label for="password">Password <span class="text-danger">*</span></label>
                                                                                    <input type="password" class="form-control" value="{{ old('password')}}" name="password" id="password" placeholder="Enter your password" required="">
                                                                                </div>
                                                                                <div class="form-group col-md-4">
                                                                                    <label for="password_confirmation">Confirm Password <span class="text-danger">*</span></label>
                                                                                    <input type="password" class="form-control" value="{{ old('password_confirmation')}}" name="password_confirmation" id="password_confirmation"
                                                                                        placeholder="Confirm password" required="">
                                                                                </div>
                                                                                <div class="form-group col-md-4">
                                                                                    <label for="passcode">Passcode <span class="text-danger">*</span></label>
                                                                                    <input type="password" class="form-control" value="{{ old('passcode')}}" name="passcode" id="passcode"
                                                                                        placeholder="Passocde" required="">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <input type="hidden" name="locations" value="{{ $location_id }}" />
                                                                            <input type="hidden" name="status" class="status" value="{{ App\Constants\FormStatusConstants::HIRED }}" />
                                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">No</button>
                                                                            <button type="submit" class="btn btn-primary">Save</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <div class="dropdown">
                                                            <div style="cursor: pointer;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="glyph-icon simple-icon-options-vertical"></div>
                                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                                {{-- <a class="dropdown-item pe-3" href="{{ route('applicants.edit', ['account'=>$account, 'applicant' => $applicant->id]) }}">
                                                                    Edit
                                                                </a> --}}
                                                                <form method="POST" action="{{ route('applicants.update', ['account'=>$account, 'applicant' => $applicant->id]) }}">
                                                                    @csrf
                                                                    @method('PATCH')
                                                                    <a class="dropdown-item pe-3 status-change" data-status="{{ App\Constants\FormStatusConstants::INTERESTED }}">
                                                                        {{ __('Interested') }}
                                                                    </a>
                                                                    <a class="dropdown-item pe-3 status-change" data-status="{{ App\Constants\FormStatusConstants::NOT_INTERESTED }}">
                                                                        {{ __('Not Interested') }}
                                                                    </a>
                                                                    <input type="hidden" name="status" class="status" value="{{ $applicant->status }}" />
                                                                </form>                                          
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr colspans="5">
                                        <p>No records found!</p>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        </div>  

                        {{ $applicants->links('vendor.pagination.dore') }}

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

 {{-- @php
    if(isset($applicant_form->form_fields)) {
    $form_fields = json_decode($applicant_form->form_fields); 
    //echo '<pre>';
   // print_r($form_fields);
    //echo '</pre>';//die;
    @endphp
    <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <h1>Applicant</h1>
                    <nav class="breadcrumb-container d-none d-sm-block d-lg-inline-block" aria-label="breadcrumb">
                        <ol class="breadcrumb pt-0">
                            <li class="breadcrumb-item">
                                <a href="#">Home</a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">Applicant</li>
                        </ol>
                    </nav>
                   
                    <a class="btn btn-secondary float-right text-white" data-toggle="modal" data-target="#addFormApplicant">Add Applicant Form</a>

                    <div class="modal fade" id="addFormApplicant" tabindex="-1" role="dialog" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <form action="{{ route('applicants.store',['account'=>$account]) }}" method="POST">
                                    @csrf
                                    <div class="modal-header">
                                        <h5 class="modal-title">Add Applicant</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        @foreach( $form_fields as $key => $field )
                                            <input type="hidden" name="form_data[{{ $key }}][field_id]" value="{{ $field->id }}">
                                            <input type="hidden" name="form_data[{{ $key }}][type]" value="{{ $field->type }}">
                                            <input type="hidden" name="form_data[{{ $key }}][title]" value="{{ $field->heading }}">
                                            @if( $field->type == "text" )
                                                <div class="form-group">
                                                    <label>{{$field->heading}}</label>
                                                    <input type="text" class="form-control" name="form_data[{{ $key }}][value]" value=" " {{ $field->required ? 'required' : '' }} />
                                                  @php  // $field->defaultValue @endphp
                                                </div>
                                            @elseif( $field->type == "select" )
                                                <div class="form-group">
                                                    <label>{{$field->heading}}</label>
                                                    <select name="form_data[{{ $key }}][value]" class="form-control">
                                                        <option value="">SELECT</option>
                                                        @foreach( $field->options as $option )
                                                            <option value="{{$option->text}}" >{{$option->text}}</option>
                                                            
                                                        @endforeach
                                                        @php
                                                        /* {{ ( $option->value == $field->defaultValue ? 'selected' : '' ) }} */
                                                        @endphp
                                                    </select>
                                                    
                                                </div>

                                            @endif

                                        @endforeach

                                        <div class="form-group">
                                            <label for="city">Status</label>
                                            <select name="status" class="form-control">
                                                <option value="1">Active</option>
                                                <option value="0">Inactive</option>
                                            </select>
                                        </div>

                                        <input type="hidden" name="form_id" value="1" />
                                        <input type="hidden" name="added_by" value="1" />
                                        <input type="hidden" name="location_id" value="{{ $location_id }}" />
                                        
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary"
                                            data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary submit-data">Save</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <div class="separator mb-5"></div>
                </div>
            </div>

            <div class="row mb-2">
                @if ($message = Session::get('success'))
                    <div class="w-100 alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                @endif
            </div>

            <div class="row mb-4">
                <div class="col-12 mb-4">
                    <div class="card">
                        @php //echo '<pre>';
                        //print_r($applicants); echo '</pre>'; die;
                        @endphp
                        <div class="card-body">
                            <div id="DataTables_Table_0_wrapper">
                            <div class="row mb-4">
                                <div class="col-md-6"></div>
                                <div class="col-md-6">
                                    <div class="float-right">
                                        <form action="{{ route('applicants.index',['account'=>$account]) }}" method="GET">
                                            <div class="form-status d-inline-flex">
                                                <span class="text-small">Filter by status: </span>
                                                <div class="ml-2">
                                                    <select class="me-2 form-control form-control-sm" id="form_status_0" name="form_status" onchange="this.form.submit()">
                                                        <option>-- Select status --</option>
                                                        @foreach($formStatus as $status)
                                                            <option value="{{ $status }}" @if( $request->has('form_status') && $request->input('form_status') == $status ) selected @endif>{{ formStatusName($status) }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <input type="hidden" name="location_id" value="{{ $location_id }}" />
                                            <!-- <button type="submit" class="btn btn-primary submit-data">Save</button> -->
                                        </form>
                                    </div>
                                </div>
                            </div>
                             <table class="data-table" id="DataTables_Table_0"> <!-- data-table data-table-feature -->
                                <thead>
                                    @php
                                        $form_fields_data = json_decode($applicant_form->form_fields); 
                                        $form_fields = array_column( $form_fields_data, 'heading' ); 
                                    @endphp
                                    <tr>
                                        <th scope="col">Restaurant Name</th>
                                        @if( count( $form_fields ) > 0 )
                                            @foreach( $form_fields as $key => $value )
                                                <th scope="col">{{ $value }}</th>
                                            @endforeach
                                        @endif

                                        <th scope="col">Status</th>
                                        <th scope="col">Added By</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @if($applicants)
                                        @foreach($applicants as $applicant)
                                            @php $form_data = json_decode($applicant->form_data); @endphp
                                            <tr>
                                                <td>{{ $applicant->location->name }}</td>
                                                @if( count($form_data) > 0 )
                                                    @foreach( $form_data as $key=>$value )
                                                        @if( $value->title != $form_fields[$key] )
                                                            <td></td>
                                                        @else
                                                            <td>
                                                                @php
                                                                    if(is_array($value->value)){
                                                                        $dt = implode(",",$value->value);
                                                                        echo $dt;
                                                                    }
                                                                    else{
                                                                    echo $value->value;
                                                                }
                                                                @endphp
                                                            </td>
                                                        @endif
                                                    @endforeach
                                                @endif 
                                                <td>{{ formStatusName($applicant->status) }}</td>
                                                <td>{{ $applicant->added_by ? 'Back End' : 'Front End' }}</td>
                                                <td>
                                                    <div class="dropdown">
                                                        <div style="cursor: pointer;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="glyph-icon simple-icon-options-vertical"></div>
                                                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                            <a class="dropdown-item pe-3" href="{{ route('applicants.edit', ['account'=>$account, 'applicant' => $applicant->id]) }}">
                                                                Edit
                                                            </a>
                                                            <a class="dropdown-item pe-3" href="{{ route('applicants.shortlist.edit', ['account'=>$account, 'applicant_id' => $applicant->id, 'status' => App\Constants\FormStatusConstants::HOLD]) }}">
                                                                Hold
                                                            </a>  
                                                            <a class="dropdown-item pe-3" href="{{ route('applicants.shortlist.edit', ['account'=>$account, 'applicant_id' => $applicant->id, 'status' => App\Constants\FormStatusConstants::HIRED]) }}">
                                                                Hired
                                                            </a>
                                                            <a class="dropdown-item pe-3" href="{{ route('applicants.shortlist.edit', ['account'=>$account, 'applicant_id' => $applicant->id, 'status' => App\Constants\FormStatusConstants::NOT_INTERESTED]) }}">
                                                                Not Interested
                                                            </a>                                                   
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr colspans="5">
                                            <p>No records found!</p>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                          </div>  

                          {{ $applicants->links('vendor.pagination.dore') }}

                        </div>
                    </div>
                </div>
            </div>
        </div>
        @php
    }
        @endphp --}}
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $(".status-change").click(function() {
                let form = $(this).closest("form");
                form.find('.status').val( $(this).data('status') );
                form.submit();
            });
        });
    </script>
@endsection