{% include 'user/header.html' %}
   {% include 'user/topbar.html' %}
    {% include 'user/sidebar.html' %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">

            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>Create Advertiser</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/user/deshbord">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="/user/advertisers">Advertisers</a></li>
                        <li class="breadcrumb-item active">Create</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- Default box -->
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Create Advertiser</h3>
                <div class="card-tools">
                    <a href="/user/advertiser/advertiser_create/" class="btn btn-sm btn-primary"><i class="fas fa-long-arrow-alt-left"></i> Go Back</a>
                </div>
            </div>
            <div class="card-body">

                <div class="row">
                    <div class="col-md-12">
                        <form method="post" action="/user/advertiser/advertiser_create/">
                            {% csrf_token %}

                              
                              {% for i in myusers %} <input type="hidden" name="account_id" id="advertiserform_advertiser_first_name" value="{{i.account_id_id}}" class="form-control">{% endfor %}

                            <div class="form-row">

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_first_name" class="">First Name</label>
                                    <input type="text" name="advertiser_first_name" id="advertiserform_advertiser_first_name" class="form-control" required>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_last_name" class="">Last Name</label>
                                    <input type="text" name="advertiser_last_name" id="advertiserform_advertiser_last_name" class="form-control" required>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_manager_id">Manager</label>
                                    <select name="advertiser_manager_id" id="advertiserform_advertiser_manager_id" class="fire_select2 form-control" required>
                                    
                                        {% if role %}
                                            {% for i in role %}
                                                <option value="{{i.id}}">{{i.user_role_name}}</option>
                                            {% endfor %}
                                        {% else %}
                                            <option value="" selected>No Managers Found</option>
                                        {% endif %}
                                    </select>

                                </div>

                            </div>

                            <div class="form-row">

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_mobile_number" class="">Mobile Number</label>
                                    <input type="number" name="advertiser_mobile_number" id="advertiserform_advertiser_mobile_number" class="form-control">
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_im">IM</label>
                                    <select name="advertiser_im" id="advertiserform_im" class="form-control">
                                        <option value="" selected>Choose IM</option>
                                        <option value="Skype">Skype</option>
                                        <option value="Gtalk">Gtalk</option>
                                        <option value="Yahoo">Yahoo</option>
                                        <option value="Facebook">Facebook</option>
                                        <option value="Twitter">Twitter</option>
                                        <option value="Other">Other</option>
                                    </select>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_im_account" class="">IM Account</label>
                                    <input type="text" name="advertiser_im_account" id="advertiserform_advertiser_im_account" class="form-control">
                                </div>

                            </div>

                            <div class="form-row">

                                <div class="form-group col-md-6">
                                    <label for="advertiserform_advertiser_website">Website <i class="fa fa-question-circle" style="font-size: small;" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="The URL that shows a preview of the advertiser or the landing page. No tracking pixel is needed on the URL."></i></label>
                                    <input type="text" class="form-control" name="advertiser_website" id="advertiserform_advertiser_website" placeholder="http://example.com">
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="advertiserform_advertiser_company">Company <i class="fa fa-question-circle" style="font-size: small;" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="The target URL where your advertiser traffic will be leaded to and it must include parameter of “clid”. You can also add other tracking parameters from the list below."></i></label>
                                    <input type="text" class="form-control" name="advertiser_company" id="advertiserform_advertiser_company" required>
                                </div>

                            </div>

                            <div class="form-row">

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_email" class="">Email</label>
                                    <input type="text" name="advertiser_email" id="advertiserform_advertiser_email" class="form-control" required>
                                </div>

                                <div class="form-group col-md-4">
                                    <label for="advertiserform_advertiser_password" class="">Password</label>
                                    <input type="password" name="advertiser_password" id="advertiserform_advertiser_password" class="form-control" required>
                                </div>

                            </div>
                            
                             <div class="form-row">
                               <div class="form-group col-md-4">
                                    <label for="advertiser_is_active">Advertiser is Active</label>
                                    <select name="advertiser_is_active" id="advertiser_is_active" class="form-control" required>
                                        <option value="" selected>Choose Affilite</option>
                                        <option value="1">Active</option>
                                        <option value="0">In-Active</option>
                                    </select>
                                </div>
                                
                                 <div class="form-group col-md-4">
                                    <label for="advertiser_is_ban">Advertiser is Ban</label>
                                    <select name="advertiser_is_ban" id="advertiser_is_ban" class="form-control" required>
                                        <option value="" selected>Choose Affilite</option>
                                        <option value="1">Yes</option>
                                        <option value="0">No</option>
                                    </select>
                                </div>
                            </div>

                            <button type="submit" class="btn btn-primary">Create</button>

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

            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->

    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
{% include 'user/footer.html' %}