@extends('org.layout.adminLayout')
@section('title', 'Choose organisation')
@section('css')
    {{-- css --}}
    <link rel="stylesheet" href="{{ asset(ADMINCSS) }}/login/login.css">
    <link rel="stylesheet" href="{{ asset(ADMINCSS) }}/layout/layout.css">
@endsection
@section('content')
    {{-- content --}}
    <div class="logo-placeholder-wrapper">
        <img src="{{ asset(LOGO) }}" alt="" class="logo-placeholder">
    </div>
    <div class="bgBox">
        <div class="blankSide d-none d-sm-block"></div>
        <div class="imgBox">
            <img class="bgImg" src="{{ asset(IMG) }}/bg.jpg" alt="">
        </div>
    </div>
    {{-- {{pre(Auth::user()->toArray())}} --}}
    <div class="container-fluid">
        <div class="container d-flex justify-content-center align-items-center" style="min-height: 100dvh;">
            <form action="{{ route('org.role.set', compact('subdomain')) }}" method="POST" style="max-width:370px;">
                @csrf
                <div class="row rounded-3 bg-white px-1 px-sm-4 formCard box-shadow pt-4 pb-5">
                    <div class="col-12 py-3">
                        <div class="d-flex justify-content-center logoBox">
                            <img src="{{ asset(LOGO) }}" alt="" style="max-width: 82px;">
                        </div>
                    </div>
                    <div class="col-12">
                        <center>
                            <i class="bi bi-building-fill" style="font-size: 48px;"></i>
                        </center>
                        <div class="text-center mb-4">
                            <h2>Organisation</h2>
                            <p style="white-space: balance;">
                                Choose organisation to get access your dashboard.
                            </p>
                        </div>
                        {{-- @if (!empty(Session::get('msg')))
                            <div class="alert alert-danger p-0 px-2" role="alert">
                                {{ Session::get('msg') }}
                            </div>
                        @endif --}}
                        {{-- role --}}
                        @if ($subdomain != 'admin')
                            <div class="inputWrapper">
                                <select id="orglink" style="border-radius: .6em;"
                                    onchange="document.querySelector('#goto').setAttribute('href',this.value)">
                                    @foreach ($orgList as $sub__domain => $name)
                                        <option value="{{ Helper::getFullDomain($sub__domain, true) }}"
                                            {{ $subdomain == $sub__domain ? 'selected' : '' }}>
                                            {{ $name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        @else
                            <input type="hidden" name="role" value="{{ \App\Models\User::$SUPER_ADMIN }}">
                        @endif
                        @error('role')
                            <div class="alert alert-danger p-0 px-2" role="alert">
                                {{ $message }}
                            </div>
                        @enderror
                        <div>
                            <a href="{{ Helper::getFullDomain($subdomain, true) }}" target="_blank" id="goto">
                                <button type="button" class="button btn-primary w-100 my-3 py-2">
                                    Continue <i class='bi bi-box-arrow-up-right ms-1 text-white'></i>
                                </button>
                            </a>
                        </div>
                        <center>
                            <a href="{{ Helper::getFullDomain($subdomain, true) }}" class="link">Back to home</a>
                        </center>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('js')
    {{-- js --}}
@endsection