@extends('layouts.app')
@section('title', $viewData["title"])
@section('subtitle', $viewData["subtitle"])
@section('content')

<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">ADMIN SELECT ROLE</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" id="modal_body">
                ...
            </div>
        </div>
    </div>
</div>

<div class="card mb-4">
    <div class="card-header">
        ADMIN : SELECT THE CUSTOMER YOU HAVE TO ADMINISTRATE
    </div>
    <div class="card-body">
        @if($errors->any())
        <ul class="alert alert-danger list-unstyled">
            @foreach($errors->all() as $error)
            <li>- {{ $error }}</li>
            @endforeach
        </ul>
        @endif
        <form method="POST" action="{{ route('admin.update_session_role') }}">
            @csrf
            <div class="row">
                <div class="col">
                    <div class="input-group mb-3">
                        <label class="input-group-text">CUSTOMER ROLE</label>
                        <select class="form-select form-control" aria-label="customer_id" name="customer_id">
                            <option selected>Please choose a customer role</option>
                            @foreach ($viewData["all_customers"] as $customer)
                            <option value="{{ $customer->get_id()  }}">{{ $customer->get_customer_name() }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" value="1" id="automaticaly_update_user_database"
                            name="automaticaly_update_user_database" checked>
                        <label class="form-check-label" for="automaticaly_update_user_database">
                            Automaticaly update the Bureau Des Licences user database
                        </label>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">CHANGE ROLE</button>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-header">
        ACTIVE ROLE
    </div>
    <div class="card-body">
        <!--<table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">INTERNAL CUSTOMER</th>
                    <th scope="col">ACTIVE USER</th>
                    <th scope="col">ANOMALY TABLE SOURCE</th>
                    <th scope="col">ANOMALY TABLE TARGET</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $viewData[ 'active_user' ]  }}</td>
                    <td>{{ $viewData[ 'internal_customer_name' ]  }}</td>
                    <td>{{ $viewData[ 'anomaly_table' ]  }}</td>
                    <td>{{ $viewData[ 'reason_table' ]  }}</td>
                </tr>
            </tbody>
        </table>-->

        <!--<div class="container text-center">-->
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="card" style="width: 36rem;">
                        <div class="card-body">
                            <h5 class="card-title">Customer role</h5>
                            <p class="card-text">
                                <strong>Internal customer :</strong> {{ $viewData[ 'active_user' ]  }}<BR>
                                <strong>Active user :</strong> {{ $viewData[ 'internal_customer_name' ]  }}
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col">
                    <div class="card" style="width: 36rem;">
                        <div class="card-body">
                            <h5 class="card-title">Anomalies</h5>
                            <p class="card-text">
                                <strong>Table source :</strong> {{ $viewData[ 'anomaly_table' ]  }}<BR>
                                <strong>Table target :</strong> {{ $viewData[ 'reason_table' ]  }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <BR>
            <div class="row">
            <div class="col">
                <div class="card" style="width: 36rem;">
                    <div class="card-body">
                        <h5 class="card-title">Organization</h5>
                        <p class="card-text">
                            <strong>Entity contact :</strong> {{ $viewData['organization_entity_contact_table']  }}<BR>
                            <strong>Entity description :</strong> {{ $viewData['organization_entity_description_table']  }}<BR>
                            <strong>Entity company :</strong> {{ $viewData[ 'organization_entity_company_table' ]  }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="col">

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

    </div>


    @endsection