<?xml version="1.0" encoding="utf-8"?>
<templates>
<div t-name="website.facebook_page_dialog">
    <div class="row">
        <form class="col-lg-6">
            <div class="form-group form-row">
                <label class="col-form-label col-md-3">Page URL</label>
                <div class="col-md-9">
                    <input class="form-control o_facebook_page_url" required="required" t-att-value="widget.fbData.href"/>
                </div>
            </div>
            <div class="form-group form-row o_facebook_tabs">
                <t t-set="fb_tabs" t-value="widget.fbData.tabs and widget.fbData.tabs.split(',') or []"/>
                <label class="col-form-label col-md-3">Tabs</label>
                <div class="col-md-9">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" id="o_facebook_page_tab_timeline_checkbox" class="custom-control-input" name="timeline" t-att-checked="_.contains(fb_tabs, 'timeline') or None"/>
                        <label class="custom-control-label" for="o_facebook_page_tab_timeline_checkbox">Timeline</label>
                    </div>
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" id="o_facebook_page_tab_events_checkbox" class="custom-control-input" name="events" t-att-checked="_.contains(fb_tabs, 'events') or None"/>
                        <label class="custom-control-label" for="o_facebook_page_tab_events_checkbox">Events</label>
                    </div>
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" id="o_facebook_page_tab_messages_checkbox" class="custom-control-input" name="messages" t-att-checked="_.contains(fb_tabs, 'messages') or None"/>
                        <label class="custom-control-label" for="o_facebook_page_tab_messages_checkbox">Messages</label>
                    </div>
                </div>
             </div>
            <div class="form-group form-row o_facebook_options">
                <label class="col-form-label col-md-3">Options</label>
                <div class="col-md-9 mt8">
                <label class="o_switch">
                    <input name="small_header" type="checkbox" t-att-checked="widget.fbData.small_header or None"/>
                    <span/>
                    Use Small Header
                </label>
                </div>
                <div class="offset-md-3 mt16 col-md-9">
                <label class="o_switch">
                    <input name="hide_cover" type="checkbox" t-att-checked="widget.fbData.hide_cover or None"/>
                    <span/>
                    Hide Cover Photo
                </label>
                </div>
                <div class="offset-md-3 mt16 col-md-9">
                <label class="o_switch">
                    <input name="show_facepile" type="checkbox" t-att-checked="widget.fbData.show_facepile or None"/>
                    <span/>
                    Show Friend's Faces
                </label>
                </div>
            </div>
        </form>
        <div class="col-lg-6" style="border-left: 1px solid #eeeeee;">
            <div class="form-group text-center">
                <label>Preview</label>
                <div class="alert alert-warning d-none facebook_page_warning text-center" role="alert">
                    <div>
                        <i class="fa fa-exclamation-triangle fa-3x" role="img" aria-label="Warning" title="Warning"></i>
                    </div>
                    <h4 class="mb0">Invalid Facebook Page Url</h4>
                    <div>Please enter valid facebook page URL for preview</div>
                </div>
                <div class="o_facebook_page o_facebook_preview"/>
            </div>
        </div>
    </div>
</div>
</templates>
