@extends('backend.layouts.app')
@section('content')
    <br />
    <div class="container-fluid">
        @if($errors->any())
            <div class="alert alert-dismissible fade show" role="alert" style="background: #f5365c; color: #f4f5f7;">
                <span class="alert-text" >{{$errors->first()}}</span>
                <button type="button" class="close text-dark" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif
        <div class="row">
            <div class="col">
                <div class="card shadow">
                    <div class="card-header border-0">
                        <div class="row align-items-center">
                            <div class="col">
                                <h3 class="mb-0">My Brands</h3>
                            </div>

                            <div class="row align-items-end">
                                @if(auth()->user()->user_type_id == 2)
                                    @if($user->fb_pages != '[]')
                                    @else
                                        <div class="col-0">
                                            <a href="{{ route('/auth/facebook/redirect') }}" class="text-white">
                                                <button class="btn d-flex justify-items-between" style="color: white; background-color: #1877F2 !important; border-color: #1877F2 !important;" data-from="manual-registration">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16" style="color: white;">
                                                        <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                                    </svg>
                                                    
                                                    <div>
                                                        Log in with Facebook
                                                    </div>
                                                </button>
                                            </a>
                                        </div>
                                    @endif
                                @endif
                                <div class="col">
                                    <button type="button" class="btn bg-gradient-success text-white mr-2" id="add_brand" data-toggle="modal" data-target="#add-update-brand-modal">Add Brand</button>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <div class="card-nav-tabs" id="ajax_area">
                        @include('backend.my-account.my-brand.index_ajax')
                    </div>
                </div>
            </div>
        </div>
        @include('backend.my-account.my-brand._form')
        @include('backend.my-account.my-brand._form_business_page')
        @include('backend.my-account.my-brand._form_fb_page')
    </div>
@endsection
@section('after-scripts')
    <script class="store-js" src="{{ asset('js/my-account/my-brand/index.js') }}" type="text/javascript"></script>
@endsection