@extends('layouts.admin')

@section('content')

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
            </div>
            <div class="col-md-10 offset-md-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-6">
                                <h5>Create new sell</h5>
                            </div>
                        </div>

                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('store.sells') }}" enctype="multipart/form-data">
                            @csrf

                            <div class="row">

                                <input type="hidden" name="customer_id" value="{{ $member_id }}">

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="sellNumber" class="col-form-label pt-0">Sell No<span class="text-danger">*</span></label>
                                        <input style="background-color: #EEEEEE;" class="form-control" type="text" name="sell_no" id="purchaseNumber" autocomplete="off" readonly=""
                                               value="S-{{sprintf('%04d', substr($sell_no_info, -1)+1)}}">
                                        @if ($errors->has('sell_no'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('sell_no') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="sellNote" class="col-form-label pt-0">Sell Note</label>
                                        <textarea class="form-control" name="sell_note" id="purchaseNote" placeholder="Sell Note" autocomplete="off"></textarea>
                                        @if ($errors->has('sell_note'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('sell_note') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group ">
                                        <label for="refer_id" class="col-form-label pt-0">Reference</label>
                                        <select id="refer_id" class="select2 form-control mb-3 custom-select" name="refer_id" >
                                            <option selected="" value="">Select Member</option>
                                            @foreach ($refers as $refer)
                                                <option value="{{ $refer->id }}"
                                                        @if($refer->id==old('refer_id'))
                                                        selected
                                                    @endif
                                                >{{ $refer->name }}-{{$refer->user_id}}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('refer_id'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('refer_id') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="refer_commission" class="col-form-label pt-0">Refer Commission</label>
                                        <input class="form-control" type="number" name="refer_commission" id="refer_commission" value="{{ old('refer_commission') }}">
                                        @if ($errors->has('refer_commission'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('refer_commission') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group ">
                                        <label for="product_id" class="col-form-label pt-0">Product Name<span class="text-danger">*</span></label>

                                        <select  name="product_id" class="select2 form-control mb-3 custom-select">
                                            <option selected value="">Select One</option>
                                            @foreach ($products as $product)
                                                <option {{ $product_id==$product->id ? 'selected' : '' }} value="{{ $product->id }}">{{ $product->name }}</option>
                                            @endforeach
                                        </select>

                                        @if ($errors->has('product_id'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('product_id') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="quantity" class="col-form-label pt-0">Quantity<span class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="quantity" id="quantity" value="{{ old('quantity') }}">
                                        @if ($errors->has('quantity'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('quantity') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="price" class="col-form-label pt-0">Price<span class="text-danger">*</span></label>
                                        <input class="form-control" type="number" name="price" id="price" value="{{ old('price') }}">
                                        @if ($errors->has('price'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('price') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="total" class="col-form-label pt-0">Total<span class="text-danger">*</span></label>
                                        <input style="background-color: #EEEEEE;" class="form-control" type="number" name="total" readonly id="total" value="{{ old('total') }}">
                                        @if ($errors->has('total'))
                                            <span class="text-danger" role="alert">
                                            <strong>{{ $errors->first('total') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>


                                <div class="col-md-12 text-right mt-4">
                                    <button type="submit" class="btn btn-dribbble">
                                        <i class="fas fa-save mr-2"></i> Save
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div> <!-- end col -->
        </div><!--end row-->

    </div> <!-- container-fluid -->



    @push('alljs')
        <script>
            $('#price').on('keyup',function(e){
                var price = $(this).val();
                var quantity = $("#quantity").val();
                var total = (quantity*price).toFixed(2);
                $("#total").val(total);
            });
            $('#quantity').on('keyup',function(e){
                var price = $("#price").val();
                var quantity = $(this).val();
                var total = (quantity*price).toFixed(2);
                $("#total").val(total);
            });
        </script>
    @endpush
@endsection