@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
    <style type="text/css">
        .control-label {
            text-align: left !important;
            font-weight: bold;
        }

        input[type=checkbox], input[type=radio] {
            margin: 3px 0;
        }


        #cover-spin {
            position:fixed;
            width:100%;
            left:0;right:0;top:0;bottom:0;
            background-color: #000;
            opacity: 0.5;
            /*background-color: rgba(255,255,255,0.7);*/
            z-index:9999;
            display:none;
        }

        @-webkit-keyframes spin {
            from {-webkit-transform:rotate(0deg);}
            to {-webkit-transform:rotate(360deg);}
        }

        @keyframes spin {
            from {transform:rotate(0deg);}
            to {transform:rotate(360deg);}
        }

        #cover-spin::after {
            content:'';
            display:block;
            position:absolute;
            left:48%;top:40%;
            width:40px;height:40px;
            border-style:solid;
            border-color:#ddd;
            border-top-color:transparent;
            border-width: 4px;
            border-radius:50%;
            -webkit-animation: spin .8s linear infinite;
            animation: spin .8s linear infinite;
        }

        .label-modal {
            padding-top: 10px;
            padding-left: 80px;
        }

        .blueLink {
            font-size:  12px;
            font-weight:  bold;
            color: #4a81ff;
        }

        .blueLink:hover {
            cursor:  pointer;
        }
    </style>
@endsection
@section('body_content')
<div id="cover-spin"></div>
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="row">
                <div class="col-md-8">
                    <div class="page-title">
                        <div class="title_left">
                            <h3><i class="fa fa-user"></i> Create Standby Buyer</h3>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-4 text-right" style="padding-top: 20px;">
                    <a href="{{ url('resell_marketplace/standby_user') }}" class="btn btn-default"><i class="fa fa-arrow-left"></i> Back</a>
                </div>
            </div>

            <div class="row">                
                <div class="col-xs-12">
                    <div class="x_panel" style="background: #f8f8f8;">                        
                        <div class="x_content">
                            @if($standby_user)
                            <form id="form_standby_user" class="form-horizontal" method="POST" action="{{ url('resell_marketplace/standby_user/update') }}" enctype="multipart/form-data">
                                <input type="hidden" name="standby_user_id" value="{{ $standby_user->id }}">
                            @else
                            <form id="form_standby_user" class="form-horizontal" method="POST" action="{{ url('resell_marketplace/standby_user/create') }}" enctype="multipart/form-data">
                            @endif
                                {{ csrf_field() }}
                                <div class="col-xs-12 col-sm-12">
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Name</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="text" class="form-control" name="name" @if($standby_user) value="{{ $standby_user->name }}" @endif placeholder="Nama" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Handphone</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="text" class="form-control" name="handphone" @if($standby_user) value="{{ $standby_user->handphone }}" @endif placeholder="Handphone" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Email</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="email" class="form-control" name="email" @if($standby_user) value="{{ $standby_user->email }}" @endif placeholder="Email" required>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Brand</label>
                                        <div class="col-xs-12 col-sm-8">
                                            @php
                                                $brand_checked = [];
                                                if($standby_user) {
                                                    $brand_checkedPP = $standby_user->user_brand->mapWithKeys(function ($item, $key) {
                                                                return [$key => $item['item_brand_id']];
                                                            })->toArray();
													$brand_checked_data = $standby_user->user_brand->mapWithKeys(function ($item, $key) {
                                                                return [$item['item_brand_id'] => ($item['is_lm'] ? : 0)];
                                                            })->toArray();
													$brand_checked = collect($brand_checked_data)->keys()->toArray();
                                                }
                                            @endphp
                                            @foreach($gold_brands as $brand)
												@if(env('APP_BRAND') == 'production' && $brand->id == '18')
													<div>
														<label class="checkbox-inline">
															<input type="checkbox" name="brands[]" 
																class="brands" value="{{ $brand->id }}" 
																@if(in_array($brand->id, $brand_checked) && !$brand_checked_data[$brand->id]) checked @endif
																> 
																{{ $brand->brand_name }}
														</label>
													</div>
													<div>
														<label class="checkbox-inline">
															<input type="checkbox" name="brands[]" 
																class="brands" value="{{ $brand->id }}_lm" 
																@if(in_array($brand->id, $brand_checked) && $brand_checked_data[$brand->id]) checked @endif
																> 
																LM Other
														</label>
													</div>
												@elseif(env('APP_BRAND') == 'production' && $brand->id == '14')
												
												@else
													<div>
														<label class="checkbox-inline">
															<input type="checkbox" name="brands[]" 
																class="brands" value="{{ $brand->id }}" @if(in_array($brand->id, $brand_checked)) checked @endif> 
																{{ $brand->brand_name }}
														</label>
													</div>
												@endif
                                            @endforeach
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Foto KTP</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="file" class="form-control foto_input" name="foto_input" @if(!$standby_user) required @endif>
                                            <div style="padding-top: 10px; padding-left: 10px;"><i>Preview</i></div>
                                            @if($standby_user)
                                            <a href="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') . '/standby_user/' . $standby_user->photo_ktp }}" target="_blank">
                                                <img src="{{ env('ALIYUN_OSS_IMAGE_URL_BUTIK') . '/standby_user/' . $standby_user->photo_ktp }}" class="foto_img" width="200" style="padding: 3px; border: 1px solid #eee;">
                                            </a>
                                            @else
                                                <img src="{{ asset('images/image_placeholder.png') }}" class="foto_img" width="200" style="padding: 3px; border: 1px solid #eee;">
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">NPWP</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <input type="text" class="form-control" name="npwp" @if($standby_user) value="{{ $standby_user->npwp }}" @endif placeholder="NPWP">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Bank Account</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <select id="bank_name" name="bank_name" class="form-control">
                                                        <option value="end_user">Choose Bank</option>
                                                        @foreach($banks as $bank)
                                                            <option value="{{ $bank->id }}" @if($standby_user) @if($standby_user->bank_id == $bank->id) selected @endif @endif>{{ $bank->bank }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <input type="text" class="form-control" name="bank_account_number" @if($standby_user) value="{{ $standby_user->bank_account_number }}" @endif placeholder="Bank Account Number">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label">Account Type</label>
                                        <div class="col-xs-12 col-sm-5">
                                            <select id="account_type" name="account_type" class="form-control">
                                                @if($standby_user)
                                                    <option value="end_user" @if($standby_user->account_type == 'end_user') selected @endif>End User</option>
                                                    <option value="middleman" @if($standby_user->account_type == 'middleman') selected @endif>Middleman</option>
                                                @else
                                                    <option value="end_user">End User</option>
                                                    <option value="middleman">Middleman</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 control-label"></label>
                                        <div class="col-xs-12 col-sm-5" style="padding-top: 10px;">
                                            <button type="submit" class="btn btn-success">
                                                <i class="fa fa-save"></i> SAVE USER
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>


                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            @if (Session::has('success'))
                                <div class="alert alert-success">
                                    {{ Session::get('success') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>

@endsection

@section('scripts')
    <script type="text/javascript">
        

    $("#form_standby_user").on("change", ".foto_input", function() {
        var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
        if ($.inArray($(this).val().split('.').pop().toLowerCase(), fileExtension) == -1) {
            iziToast.error({
                title: '',
                position: 'topRight',
                message: "Format file hanya boleh JPG, JPEG atau PNG",
            });

            $('#form_standby_user .foto_img').attr('src', '{{ asset('/images/image_placeholder.png') }}');
            return false;
        }

        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#form_standby_user  .foto_img').attr('src', e.target.result);
            };
            reader.readAsDataURL(this.files[0]);
        }
    })
    </script>
@endsection