@extends('admin.main')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    <h1>
        Create New Store
        <!-- <small>Optional description</small> -->
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url ('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li class="active"> Create New Store</li>
    </ol>
    </section>

    <!-- Main content -->
    <section class="content container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    
                    <form class="form-horizontal" id="frm_create_store"  enctype="multipart/form-data">
                        <div class="box-header with-border">
                            <h4 class="box-title">Store Creation</h4>
                        </div>
                        <div class="box-body">
                            <div id="create_store_msg"></div>
                            <div class="col-lg-8 col-sm-8">
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Store Name</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="store_name" name="store_name" placeholder="Store Name" reqiured="required" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Store URL</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" id="store_url" name="store_url" placeholder="Store URL"  reqiured="required" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Store Currency</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" name="store_currency" placeholder="Store Currency"  reqiured="required" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">With Password</label>
                                    <div class="col-sm-8">
                                        <div class="checkbox">
                                            <input type="checkbox" id="with_password_opt" name="set_store_password" data-toggle="toggle" data-width="100px" data-on="<i class='fa fa-check-circle'></i> Yes" data-off="<i class='fa fa-ban'></i> No" data-size="small">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group store-password-field" style="display: none;">
                                    <label  class="col-sm-4 control-label">Password</label>
                                    <div class="col-sm-8">
                                        <input type="text" class="form-control" name="store_password" placeholder="Store Password"  reqiured="required" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Select Print Files</label>
                                    <div class="col-sm-8">
                                        <input type="file" data-use-id="img_store_logo" class="form-control upload_img" name="store_logo" placeholder="SVG Print Files"  reqiured="required" />
                                        <small><i style="color: red;">Size: H:300px - W:300px</i></small>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <label  class="col-sm-4 control-label"></label>
                                    <div class="col-sm-8">
                                        <p>Store Logo Preview:</p>
                                        <div class="store-logo-holder">
                                            <a href="{{ config('site_config.images_directory')  . 'teamstore/store-logo-placeholder.jpg' }}" class="img_store_logo_href"   data-toggle="lightbox">
                                                <img class="img_store_logo_img"  id="img_store_logo" src="{{ config('site_config.images_directory')  . 'teamstore/store-logo-placeholder.jpg' }}" style="max-width: 100%; max-height: 100%; ">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Store Banner</label>
                                    <div class="col-sm-8">
                                        <input type="file" class="form-control upload_img" data-use-id="img_store_banner" name="store_banner" placeholder="Store Banner"  reqiured="required" />
                                        <small><i style="color: red;">Size: H:1140px - W:128px</i></small>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label"></label>
                                    <div class="col-sm-8">
                                        <p>Store Banner Preview:</p>
                                        <div class="store-banner-holder">
                                            <a href="{{ config('site_config.images_directory')  . 'teamstore/store-banner-placeholder.jpg' }}" class="img_store_banner_href"   data-toggle="lightbox">
                                                <img class="img_store_banner_img"  id="img_store_banner" src="{{ config('site_config.images_directory')  . 'teamstore/store-banner-placeholder.jpg' }}" style="max-width: 100%; max-height: 100%; ">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">Store Status</label>
                                    <div class="col-sm-8">
                                        <select class="form-control" name="store_status">
                                            <option>Private</option>
                                            <option>Public</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="box-footer">
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <label  class="col-sm-4 control-label">&nbsp;</label>
                                    <div class="col-sm-8">
                                        <button type="submit" id="btn_save_new_store" class="btn btn-primary" style="width: 100px;">Save</button>
                                        <button type="button" onclick="cancelButton();" class="btn btn-default">Cancel</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div><!-- box  -->
            </div>
        </div>
    </section>
    <!-- /.content -->
</div>
@endsection