@extends('Admin.master_layout.master')

@section('title', getTitleInPage())

@section('header_menu')
@parent
@endsection

@section('sidebar_menu')
@parent
@endsection

@section('content')


<div id="content">
    <div id="content-header">
        <div id="breadcrumb"> 
            <a href="{{ url('/') }}" title="Go to Home" class="tip-bottom">
                <i class="icon-home"></i> Home
            </a> 
            <a href="{{ url('supplier') }}" title="Go to {{ getTitleInPage() }}" class="tip-bottom">
                {{ getTitleInPage() }}
            </a> 
            <a href="" class="current">
                Edit
            </a> 
        </div>
        <h1>{{ getTitleInPage() }} - Edit</h1>
    </div>
    <div class="container-fluid">
        <hr>
        <div class="row-fluid">
            <div class="span12">
                @if (Session::has('message'))
                <div class="alert alert-info">{!! Session::get('message') !!}</div>
                @endif
                @foreach ($errors->all() as $error)
                <p class="alert alert-warning">{{ $error }}</p>
                @endforeach
                @if (Session::has('success'))
                <div class="alert alert-success">{!! Session::get('success') !!}</div>
                @endif
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"> <i class="icon-align-justify"></i> </span>
                        <h5>{{ getTitleInPage() }} - Edit</h5>
                    </div>
                    <div class="widget-content nopadding">
                        <form action="{{ url('supplier/store') }}" method="post" class="form-horizontal" enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="id" value="{{ $merchant->id }} " >

                                                        @if(Auth::user()->admin_role_id == 1)
                            <div class="">
                                <label class="control-label">Merchant*:</label>
                                <div class="controls">
                                    <select class="span11" name="merchant_id" id="merchant_id" required="">
                                        <option value="">Select Merchant</option>
                                        @if(count($merchants) > 0)
                                        @foreach($merchants as $key => $merchants)
                                        <option value="{{ $merchants->id }}" @if(Input::old('merchant_id') == $merchants->id) selected @endif>{{ $merchants->name }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            @else
                            <input type="hidden" name="merchant_id" id="merchant_id" value="{{ Session::get('merchant_id') }}" />
                            @endif
                            <div class="control-group">
                                <label class="control-label">Supplier Type :</label>
                                <div class="controls">
                                    <select class="span11" name="supplier_type_id" required>
                                        <option value="">Select Supplier Type</option>
                                        @foreach($supplier_type as $supplier_types)
                                        <option value="{{ $supplier_types->id }}" {{ ($merchant->supplier_type_id == $supplier_types->id)?'selected':'' }} >{{ $supplier_types->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <!-- 
                                                        <div class="control-group">
                                                            <label class="control-label">Is Regular Supplier :</label>
                                                            <div class="controls">
                                                                <input type="checkbox" name="is_regular_supplier" id="is_regular_supplier" value="1" {{ ($merchant->status == 1)?'checked':'' }} readonly>
                                                            </div>
                                                        </div> -->

                            <div class="control-group">
                                <label class="control-label">Supplier Name :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Supplier Name" type="text" name="name" maxlength="50" value="{{ $merchant->name }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Supplier slug :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Supplier slug" type="text" name="slug" maxlength="50" value="{{ $merchant->slug }}" required readonly="">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Receipt number prefix :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Receipt number prefix" type="text" name="receipt_number_prefix" maxlength="20" minlength="3" value="{{ $merchant->receipt_number_prefix }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Logo :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="logo" accept="image/*" @if(empty($merchant->logo)) 
                                           required 
                                           @endif >
                                           @if(!empty($merchant->logo))
                                           <img class="logo" src="{{ URL::to('/') }}/public/uploads/merchant/{{ $merchant->logo }}" alt="" width="100px" height="100" />
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Detail :</label>
                                <div class="controls">
                                    <textarea name="detail" class="span11" required>{{ $merchant->detail }}</textarea>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Contact Name :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Name" type="text" name="contact_name" value="{{ $merchant->contact_name }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Contact Email :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Email" type="email" name="contact_email" value="{{ $merchant->contact_email }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Contact Phone :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Phone" type="text" name="contact_phone" minlength="10" maxlength="10" pattern="\d*" required value="{{ $merchant->contact_phone }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Contact Number Home :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Number Home" type="text" name="contact_number_home" minlength="10" maxlength="10" pattern="\d*" required value="{{ $merchant->contact_number_home }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Contact Number Work :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Contact Number Work" type="text" name="contact_number_work" minlength="10" maxlength="10" pattern="\d*" required value="{{ $merchant->contact_number_work }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Pancard No. :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Pancard number" type="text" name="pancard" value="{{ $merchant->pancard }}" required pattern="^[a-zA-Z]{3}[pPcChHfFaAtTbBlLjJgG]{1}[a-zA-Z]{1}[0-9]{4}[a-zA-Z]{1}$">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">TAN No. :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="TAN number" type="text" name="tan" value="{{ $merchant->tan }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">GST :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="GST number" type="text" name="gst" value="{{ $merchant->gst }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Pancard Image :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="pan_image" accept="image/*">
                                    @if(!empty($merchant->pan_image))   
                                    <img class="pan_image" src="{{ URL::to('/') }}/public/uploads/merchant/{{ $merchant->pan_image }}" alt="" width="100px" height="100px" />
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">GST Image :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="gst_image" accept="image/*">
                                    @if(!empty($merchant->gst_image))   
                                    <img class="gst_image" src="{{ URL::to('/') }}/public/uploads/merchant/{{ $merchant->gst_image }}" alt="" width="100px" height="100" />
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">TAN Image :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="tan_image" accept="image/*">
                                    @if(!empty($merchant->tan_image))   
                                    <img class="tan_image" src="{{ URL::to('/') }}/public/uploads/merchant/{{ $merchant->tan_image }}" alt="" width="100px" height="100" />
                                    @endif
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Full Address :</label>
                                <div class="controls">
                                    <textarea name="full_address" class="span11" required>{{ $merchant->full_address }}</textarea>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Pincode :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Pincode" type="text" name="pincode" pattern="\d*" minlength="6" maxlength="6" value="{{ $merchant->pincode }}" required>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Country :</label>
                                <div class="controls">
                                    <select class="span11" name="country_id" required>
                                        <option value="">Select Country</option>
                                        @foreach($country as $countries)
                                        <option value="{{ $countries->id }}" {{ ($merchant->country_id == $countries->id)?'selected':'' }}>{{ $countries->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">State :</label>
                                <div class="controls">
                                    <select class="span11" name="state_id" required>
                                        <option value="">Select State</option>
                                        @foreach($state as $states)
                                        <option value="{{ $states->id }}" {{ ($merchant->state_id == $states->id)?'selected':'' }}>{{ $states->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">City :</label>
                                <div class="controls">
                                    <select class="span11" name="city_id" required>
                                        <option value="">Select City</option>
                                        @foreach($city as $cities)
                                        <option value="{{ $cities->id }}" {{ ($merchant->city_id == $cities->id)?'selected':'' }}>{{ $cities->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Website :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Website" type="url" name="website" value="{{ $merchant->website }}" required>
                                </div>
                            </div>


                            <div class="control-group">
                                <label class="control-label">Registered Number :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Registered Number" type="text" name="registered_no" value="{{ $merchant->registered_no }}" required>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Registered Under :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Registered Under" type="text" name="registered_under" value="{{ $merchant->registered_under }}" required>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Authorised Signatory :</label>
                                <div class="controls">
                                    <input class="span11" type="file" name="authorised_signatory" accept="image/*">
                                    @if(!empty($merchant->authorised_signatory))   
                                    <img class="authorised_signatory" src="{{ URL::to('/') }}/public/uploads/merchant/{{ $merchant->authorised_signatory }}" alt="" width="100px" height="100" />
                                    @endif
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">Get Company Name :</label>
                                <div class="controls">
                                    <select class="span11" name="companyName" required>
                                        <option value="1" {{ ($merchant->companyName == 1)?'selected':'' }}>Yes</option>
                                        <option value="0" {{ ($merchant->companyName == 0)?'selected':'' }}>No</option>
                                    </select> 
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Payment Mode :</label>
                                <div class="controls">
                                    <select class="span11" name="payment_mode" required>
                                        <option value="0" {{ ($merchant->payment_mode == 0)?'selected':'' }}>Test</option>
                                        <option value="1" {{ ($merchant->payment_mode == 1)?'selected':'' }}>Live</option>
                                    </select> 
                                </div>
                            </div>

                            <!--                            <div class="control-group">
                                                            <label class="control-label">Password :</label>
                                                            <div class="controls">
                                                                <input class="span11" placeholder="Password" type="text" name="testing_password" value="{{ $merchant->testing_password }}" required>
                                                            </div>
                                                        </div>-->

                            <div class="control-group">
                                <label class="control-label">Payment Form (Enable/Disable) :</label>
                                <div class="controls">
                                    <input type="checkbox" name="payment_form" value="1" {{ ($merchant->payment_form == 1)?'checked':'' }}>
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Payment Url :</label>
                                <div class="controls">
                                    <input class="span11" placeholder="Payment Url" type="text" name="payment_url" value="{{ $merchant->payment_url }}">
                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Base Currency :</label>
                                <div class="controls">
                                    <select class="span11" name="currency_id" required="">
                                        <option value="">Select Currency</option>
                                        @foreach($currency as $currencys)
                                        <option value="{{ $currencys->id }}" {{ ($merchant->currency_id == $currencys->id)?'selected':'' }}>{{ $currencys->symbol }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="control-group" id="transactionTypes">
                                <label class="control-label">Transaction Type :</label>
                                <div class="controls">
                                    <div class="subject-info-box-1">
                                        <select multiple="multiple" class="form-control" name="transaction_id_unselected[]" id="transaction_id1">
                                            @if(isset($transactionTypes))
                                            @foreach($transactionTypes as $type)
                                            @if($transaction_id != 0 && !in_array($type->id, $transaction_id))
                                            <option value="{{ $type->id }}">{{ $type->name }}</option>
                                            @endif
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>

                                    <div class="subject-info-arrows text-center">
                                        <input type='button' id='transaction_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                                        <input type='button' id='transaction_idbtnRight' value='>' class="btn btn-default" /><br />
                                        <input type='button' id='transaction_idbtnLeft' value='<' class="btn btn-default" /><br />
                                        <input type='button' id='transaction_idbtnAllLeft' value='<<' class="btn btn-default" />
                                    </div>

                                    <div class="subject-info-box-2">
                                        <select multiple="multiple" name="transaction_id[]" id='transaction_id2' class="form-control">    
                                            @if(count($transactionTypes) > 0)
                                            @foreach($transactionTypes as $types)
                                            @if($transaction_id != 0 && in_array($types->id, $transaction_id))
                                            <option value="{{ $types->id }}" selected>{{ $types->name }}</option>
                                            @endif
                                            @endforeach
                                            @endif                           
                                        </select>
                                    </div>

                                </div>
                            </div>

                            <div class="control-group" id="itemGroup">
                                <label class="control-label">Item Group :</label>
                                <div class="controls">
                                    <div class="subject-info-box-1">
                                        <select multiple="multiple" class="form-control" name="item_group_id_unselected[]" id="item_group_id1">
                                            @if(isset($itemGroups))
                                            @foreach($itemGroups as $item)
                                            @if($item_group_id != 0 && !in_array($item->id, $item_group_id))
                                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endif
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>

                                    <div class="subject-info-arrows text-center">
                                        <input type='button' id='item_group_idbtnAllRight' value='>>' class="btn btn-default" /><br />
                                        <input type='button' id='item_group_idbtnRight' value='>' class="btn btn-default" /><br />
                                        <input type='button' id='item_group_idbtnLeft' value='<' class="btn btn-default" /><br />
                                        <input type='button' id='item_group_idbtnAllLeft' value='<<' class="btn btn-default" />
                                    </div>

                                    <div class="subject-info-box-2">
                                        <select multiple="multiple" name="item_group_id[]" id='item_group_id2' class="form-control">    
                                            @if(count($itemGroups) > 0)
                                            @foreach($itemGroups as $item)
                                            @if($item_group_id != 0 && in_array($item->id, $item_group_id))
                                            <option value="{{ $item->id }}" selected>{{ $item->name }}</option>
                                            @endif
                                            @endforeach
                                            @endif                          
                                        </select>
                                    </div>

                                </div>
                            </div>

                            <div class="control-group">
                                <label class="control-label">Status :</label>
                                <div class="controls">
                                    <select class="span11" name="status" required>
                                        <option value="1" {{ ($merchant->status == 1)?'selected':'' }}>Active</option>
                                        <option value="0" {{ ($merchant->status == 0)?'selected':'' }}>Inactive</option>
                                    </select> 
                                </div>
                            </div>
                            <input type="hidden" name="merchantaction" value="edit">
                            <div class="form-actions">
                                <button type="submit" class="btn btn-success">Save</button>
                                <a href="{{ url('supplier') }}" class="btn btn-default rightClnBtn">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
@parent
@endsection

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

    (function () {
        $('#transaction_idbtnRight').click(function (e) {

            var selectedOpts = $('#transaction_id1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#transaction_id2').append($(selectedOpts).clone());
            $('#transaction_id2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#transaction_idbtnAllRight').click(function (e) {
            var selectedOpts = $('#transaction_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#transaction_id2').append($(selectedOpts).clone());
            $('#transaction_id2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#transaction_idbtnLeft').click(function (e) {
            var selectedOpts = $('#transaction_id2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#transaction_id1').append($(selectedOpts).clone());
            $('#transaction_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#transaction_id2 > option').attr('selected', 'selected');
        });

        $('#transaction_idbtnAllLeft').click(function (e) {
            var selectedOpts = $('#transaction_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#transaction_id1').append($(selectedOpts).clone());
            $('#transaction_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));

    (function () {
        $('#item_group_idbtnRight').click(function (e) {

            var selectedOpts = $('#item_group_id1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#item_group_id2').append($(selectedOpts).clone());
            $('#item_group_id2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#item_group_idbtnAllRight').click(function (e) {
            var selectedOpts = $('#item_group_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#item_group_id2').append($(selectedOpts).clone());
            $('#item_group_id2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#item_group_idbtnLeft').click(function (e) {
            var selectedOpts = $('#item_group_id2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#item_group_id1').append($(selectedOpts).clone());
            $('#item_group_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#item_group_id2 > option').attr('selected', 'selected');
        });

        $('#item_group_idbtnAllLeft').click(function (e) {
            var selectedOpts = $('#item_group_id2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#item_group_id1').append($(selectedOpts).clone());
            $('#item_group_id1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));

    $(document).ready(function () {
        $('select[name="country_id"]').on('change', function () {
            var country_id = $(this).val();
            if (country_id) {
                $.ajax({
                    url: "{{url('/state/get/')}}/" + country_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="state_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select State</option>');
                        $.each(data, function (key, value) {
                            //console.log(value.id);
                            $('select[name="state_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="state_id"]').empty();
            }
        });

        $('select[name="state_id"]').on('change', function () {
            var country_id = $('select[name="country_id"]').val();
            var state_id = $(this).val();
            if (state_id) {
                $.ajax({
                    url: "{{url('/city/get/')}}/" + country_id + '/' + state_id,
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        $('select[name="city_id"]').empty();
                        $('select[name="state_id"]').append('<option value="">Select City</option>');
                        $.each(data, function (key, value) {
                            //console.log(value.id);
                            $('select[name="city_id"]').append('<option value="' + value.id + '">' + value.name + '</option>');
                        });
                    }
                });
            } else {
                $('select[name="city_id"]').empty();
            }
        });


    });

// $(document).ready(function () {
//     var $sourceFields = $("#sourceFields");
//     var $destinationFields = $("#destinationFields");
//     console.log($destinationFields);
//     var $chooser = $("#fieldChooser").fieldChooser(sourceFields, destinationFields);
// });


    /*
     * Original example found here: http://www.jquerybyexample.net/2012/05/how-to-move-items-between-listbox-using.html
     * Modified by Esau Silva to support 'Move ALL items to left/right' and add better stylingon on Jan 28, 2016.
     * 
     */

    (function () {
        $('#btnRight').click(function (e) {
            var selectedOpts = $('#lstBox1 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }
            $('#lstBox2').append($(selectedOpts).clone());
            $('#lstBox2 > option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnAllRight').click(function (e) {
            var selectedOpts = $('#lstBox1 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox2').append($(selectedOpts).clone());
            $('#lstBox2 option').attr('selected', 'selected');
            $(selectedOpts).remove();
            e.preventDefault();
        });

        $('#btnLeft').click(function (e) {
            var selectedOpts = $('#lstBox2 option:selected');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
            $('#lstBox2 > option').attr('selected', 'selected');
        });

        $('#btnAllLeft').click(function (e) {
            var selectedOpts = $('#lstBox2 option');
            if (selectedOpts.length == 0) {
                alert("Nothing to move.");
                e.preventDefault();
            }

            $('#lstBox1').append($(selectedOpts).clone());
            $('#lstBox1 option').removeAttr("selected");
            $(selectedOpts).remove();
            e.preventDefault();
        });
    }(jQuery));

</script>
@parent
@endsection