@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>Butik Emas Box List</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel">                        
                        <div class="x_content">
                            <div class="text-right">
                                <button type="button" class="btn btn-default btn-new"><i class="fa fa-plus" aria-hidden="true"></i> New</button>
                            </div>
                            <hr>
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">Store :</label>
                                    <div class="col-xs-12 col-sm-9">
                                        <select class="form-control" name="store">
                                            <option value="all" @if($request['store'] == 'all') selected @endif>All</option>
                                            <option value="0" @if($request['store'] == '0') selected @endif>Uncategorized</option>
                                            @foreach($store_brands as $store_brand)
                                                @foreach($store_brand->store as $store)
                                                    <option value="{{ $store->id }}" @if($request['store'] == $store->id) selected @endif>{{ $store->id ? $store_brand->name : '' }} {{ $store->name }}</option>
                                                @endforeach
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-12 col-sm-3 control-label">Box Code :</label>
                                    <div class="col-xs-12 col-sm-9">
                                        <input type="text" class="form-control" name="code" value="{{ $request['name'] }}">
                                    </div>
                                </div>
                                <div class="text-right">
                                    <button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i> Search</button>
                                </div>
                            </form>
							@if(count($box_unavailable) > 0)
								<div class="alert alert-warning alert-dismissible" style="background: #fff9c4; color: #000;" role="alert">
									<strong>Perhatian !</strong> Store/Outlet di bawah ini tidak memiliki CashBox ! <br>
									@foreach($box_unavailable as $cu)
										- {{ $cu['store_name'] }} <br>
									@endforeach
								</div>
							@endif
                            <hr>
                            
                            <table id="table_subscriber" class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th class="text-center">ID</th>
                                        <th class="text-center">Code</th>
                                        <th class="text-center">From</th>
                                        <th class="text-center">To</th>
                                        <th class="text-center">Status</th>
                                        <th width="50"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($boxes as $box)
                                        <tr>
                                            <td class="text-center">{{ $box->id }}</td>
                                            <td class="text-center">{{ $box->code }}</td>
                                            <td class="text-center">
											@if($box->store) {{ $box->store->id ? $box->store->brand->name : '' }} {{ $box->store->name }} @else Central @endif
											</td>
                                            <td class="text-center">
                                                @if($box->status == 'moving')
                                                    {{ @$box->move_log[0]->store_to->id == 0 ? '' : @$box->move_log[0]->store_to->brand->name }} {{ @$box->move_log[0]->store_to->name }}
                                                @else
                                                    ~
                                                @endif
											</td>
                                            <td class="text-center">{{ strtoupper($box->status) }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('butik/resell/box/detail', ['id'=>$box->id]) }}" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="5" class="text-center">No Data</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div style="text-align:center">{{ $boxes->appends($_GET)->links() }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $(".btn-new").on("click", function() {
        $(".btn-new").attr("disabled", "disabled").html('<i class="fa-li fa fa-spinner fa-spin"></i>');
        $.ajax({
            url: 'box/new',
            method: "POST",            
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},            
            success: function(response) {
                alert(response.box_code + " Created. Page will be refresh");
                location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $(".btn-new").removeAttr("disabled").html('<i class="fa fa-plus" aria-hidden="true"></i> New');
            }
        });
        return false;
    })
</script>
@endsection