@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Report Open Store <small>#{{ $store_open->id }}</small></h3>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_content">
                            <form id="form-openstore" class="form-horizontal">
                                <div class="form-group">                                
                                    <label class="col-xs-3 control-label">Store Brand</label>
                                    <div class="col-xs-7">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->store->brand->name }}">
                                    </div>
                                </div>
                                <div class="form-group">                                
                                    <label class="col-xs-3 control-label">Store</label>
                                    <div class="col-xs-7">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->store->name }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Request Open</label>
                                    <div class="col-xs-3">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->request_open_at }}">
                                    </div>
                                    <div class="col-xs-4">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->request_open_user->name }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Approve Open</label>
                                    <div class="col-xs-3">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->approve_open_at }}">
                                    </div>
                                    <div class="col-xs-4">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ $store_open->approve_open_user->name }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Request Close</label>
                                    <div class="col-xs-3">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ @$store_open->request_close_at }}">
                                    </div>
                                    <div class="col-xs-4">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ @$store_open->request_close_user->name }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Approve Close</label>
                                    <div class="col-xs-3">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ @$store_open->approve_close_at }}">
                                    </div>
                                    <div class="col-xs-4">
                                        <input class="form-control" type="text" readonly="readonly" value="{{ @$store_open->approve_close_user->name }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Remark Butik Cash</label>
                                    <div class="col-xs-7">
                                        <textarea class="form-control" readonly>{{ $store_open->remark_butik_cash }}</textarea>
                                    </div>                                    
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Remark Butik Resell</label>
                                    <div class="col-xs-7">
                                        <textarea class="form-control" readonly>{{ $store_open->remark_butik_resell }}</textarea>
                                    </div>                                    
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Remark SGK Cash</label>
                                    <div class="col-xs-7">
                                        <textarea class="form-control" readonly>{{ $store_open->remark_sgk_cash }}</textarea>
                                    </div>                                    
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">Remark SGK Stock</label>
                                    <div class="col-xs-7">
                                        <textarea class="form-control" readonly>{{ $store_open->remark_sgk_stock }}</textarea>
                                    </div>                                    
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-3 control-label">BO Remark</label>
                                    <div class="col-xs-7">
                                        <textarea name="remark_bo" class="form-control">{{ $store_open->remark_backoffice }}</textarea>
                                    </div>                                    
                                </div>
                                <div class="form-group">
                                    <div class="col-xs-7 col-xs-offset-3">
                                        <button type="submit" class="btn btn-primary btn-save">Save</button>
                                    </div>
                                </div>
                            </form>

                            <hr>

                            <div class="row">
                                <div class="col-xs-12">
                                    <ul class="nav nav-tabs" role="tablist">
                                        <li role="presentation" class="active"><a href="#butikcash" role="tab" data-toggle="tab">Butik Cash</a></li>
                                        <li role="presentation"><a href="#butikresell" role="tab" data-toggle="tab">Butik Resell</a></li>
                                        <li role="presentation"><a href="#sgkcash" role="tab" data-toggle="tab">SGK Cash</a></li>
                                        <li role="presentation"><a href="#sgkstock" role="tab" data-toggle="tab">SGK Stock</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div role="tabpanel" class="tab-pane active" id="butikcash">@include("pages.butik.report.tab_butikcash")</div>
                                        <div role="tabpanel" class="tab-pane" id="butikresell">@include("pages.butik.report.tab_butikresell")</div>
                                        <div role="tabpanel" class="tab-pane" id="sgkcash">@include("pages.butik.report.tab_sgkcash")</div>
                                        <div role="tabpanel" class="tab-pane" id="sgkstock">@include("pages.butik.report.tab_sgkstock")</div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#form-openstore").on("submit", function() {
        $("#form-openstore .btn-save").attr("disabled", "disabled").html('<i class="fa fa fa-spinner fa-pulse"></i>');
        $.ajax({
            url: '{{ $store_open->id }}/save',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: $("#form-openstore").serialize(),
            success: function(response) {
                alert("Data saved");
                location.reload();
            },
            error: function(response) {
                var response = response.responseJSON;
                alert(response.error);
                $("#form-openstore .btn-save").removeAttr("disabled", "disabled").html('Save');
            }
        });
        return false;
    })
</script>
@endsection