@extends('layouts.app')

<div class="container">
    <div class="row">
        <div class="col-sm-1 d-flex justify-content-center align-items-center mt-6">
            <a href="javascript:history.back()" class="d-flex justify-content-center align-items-center" style="color: black;"><i class="ni ni-bold-left" style="color: black;"></i>&nbsp;&nbsp;Back</a>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col">

            <h1 class="d-flex justify-content-center"><b>Connect a Facebook Page</b></h1>

            <br><br>

            <h3 class="d-flex justify-content-center">Please allow your pages to be accessed by signing in to your Facebook account. <br>
                If you don't have page yet, click the "Create Facebook Page" button.
            </h3>

            <br><br>

            <h3 class="d-flex justify-content-center">Please take note that a Facebook Page is a prerequisite of Qazaam Chatbot and it <br>
            will not run unless a Facebook Page is connected.
            </h3>

            <br><br>

            <div class="row d-flex justify-content-center">
             <a href="#" class="btn btn-md btn-block" style="background-color:#a000c8; color:white" tabindex="-1" role="button" aria-disabled="true" id="log-in-to-fb">{{ __('Log in to Facebook') }}</a>
            </div>
            

            <br>

            <div class="row d-flex justify-content-center">
                <a href="https://www.facebook.com/pages/create/" class="btn btn-md btn-block" style="background-color:#a000c8; color:white" tabindex="-1" role="button" aria-disabled="true" id="create-in-to-fb">{{ __('Create a Facebook Page') }}</a>
            </div>
            
            <br><br><br>

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

<div class="col-10 d-flex justify-content-end">
    <!-- <button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button> -->
    <a href="setup-business?hash_sesh={{$user_id}}" class="btn btn-md" style="background-color:#a000c8; color:white" tabindex="-1" role="button" aria-disabled="true" id="next2">{{ __('Skip for Now') }}</a>
    
</div>