@extends('layouts.user_type.auth')

@section('companyProfile.microsoft')

<div class="row">
    <div class="col-12">

        @include('components.alert')
        <div class="card mb-4 mx-4">
            <div class="card p-3">
                <div class="d-flex justify-content-between align-items-center">
                    <h3>{{ $company_name }}</h3>
                    <div>
                        <a href="{{ route('companyProfile.company', ['id' => request()->route('id') ? request()->route('id') : null]) }}" class="btn btn-primary me-2">Company</a>
                        <!-- <a href="{{ route('companyProfile.basicInfo', ['id' => request()->route('id') ? request()->route('id') : null]) }}" class="btn btn-primary me-2">Admin Contact</a> -->
                        <a href="{{ route('companyProfile.tenant', ['id' => request()->route('id') ? request()->route('id') : null]) }}" class="btn btn-primary me-2">Tenant</a>
                        <a href="{{ route('companyProfile.microsoft', ['id' => request()->route('id') ? request()->route('id') : null]) }}" class="btn btn-info text-dark me-2">Microsoft</a>
                        <a href="{{ route('companyProfile.oneDriveFolder', ['id' => request()->route('id')]) }}" class="btn btn-primary me-2">OneDrive Folder</a>
                        <a href="{{ route('companyProfile.config', ['id' => request()->route('id') ? request()->route('id') : null]) }}" class="btn btn-primary me-2">Config</a>
                        <a href="{{ route('companyProfile.employee', ['id' => request()->route('id')]) }}" class="btn btn-primary me-2">Employee</a>
                    </div>
                </div>
            
                <form action="{{ route('companyProfile.microsoft.storeOrUpdate', [ 'companyProfileId' => request()->route('id') ?? null, 'microsoftId' => $microsoftAuth->id ?? null]) }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <label for="email">Email<span class="text-danger">*</span></label>
                            <input type="email" class="form-control" id="email" name="email" 
                                value="{{ $microsoftAuth->email ?? '' }}" 
                                placeholder="Enter email" {{ isset($microsoftAuth->email) ? 'disabled' : '' }} required>
                            @if(isset($microsoftAuth->email))
                                <input type="hidden" name="email" value="{{ $microsoftAuth->email }}">
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label for="password">Password<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="password" name="password" 
                                value="{{ $microsoftAuth->password ?? '' }}" 
                                placeholder="Enter password" required>
                        </div>
                        <div class="col-md-6">
                            <label for="client_id">Client Id<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="client_id" name="client_id" 
                                value="{{ $microsoftAuth->client_id ?? '' }}" 
                                placeholder="Enter Client Id" required>
                        </div>
                        <div class="col-md-6">
                            <label for="scope">Scope<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="scope" name="scope" 
                                value="{{ $microsoftAuth->scope ?? 'https://graph.microsoft.com/.default' }}" 
                                placeholder="Enter Scope" required>
                        </div>
                        <div class="col-md-6">
                            <label for="client_secret">Client Secret<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="client_secret" name="client_secret" 
                                value="{{ $microsoftAuth->client_secret ?? '' }}" 
                                placeholder="Enter Client Secret" required>
                        </div>
                        <div class="col-md-6">
                            <label for="grant_type">Grant Type<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="grant_type" name="grant_type" 
                                value="{{ $microsoftAuth->grant_type ?? 'client_credentials' }}" 
                                placeholder="Enter Grant Type" required>
                        </div>
                        <div class="col-md-6">
                            <label for="microsoft_id">Microsoft Id<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="microsoft_id" name="microsoft_id" 
                                value="{{ $microsoftAuth->microsoft_id ?? '' }}" 
                                placeholder="Enter Microsoft Id" required>
                        </div>
                        <div class="col-md-6">
                            <label for="auth_token_id">Auth Token Id<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="auth_token_id" name="auth_token_id" 
                                value="{{ $microsoftAuth->auth_token_id ?? '' }}" 
                                placeholder="Enter Auth Token Id" required>
                        </div>
                    </div>

                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-success me-2">{{ isset($microsoftAuth) ? 'Update' : 'Create' }}</button>
                        <a href="{{ route('companyProfile.show') }}" class="btn btn-danger">Close</a>
                    </div>
                </form>

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

@endsection