@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>
                            Settings
                        </p>
                    </div>
                </div>

                <div class="col-md-12 pt-0 pt-sm-4">
                    <div class="title-section">
                        <p>
                            Billing 
                            <span>
                                GSTIN Invoicing
                            </span>
                        </p>
                    </div>
                </div>
            </div>

            <div class="row pt-0 pt-sm-4">
                <div class="col-md-12">
                    <div class="zone-box">
                        <h5 class="heading mb-3">
                            GSTIN Invoicing
                        </h5>
                        <p>
                            Enter your registered GST Identification Number below to add it to your freight and customer invoice:
                        </p>
                        
                        <div class="seller-remit">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="gst_in">
                                            GSTIN 
                                            <img src="{{asset('assets/images/Info.svg')}}" class="ml-1" height="18px" alt="">
                                        </label>
                                        <input class="form-control" id="gst_in" name="gst_in" placeholder="" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="invoice_prefix">
                                            Invoice Prefix 
                                            <span class="text-danger">*</span>
                                        </label>
                                        <input class="form-control" id="invoice_prefix" name="invoice_prefix" placeholder="Retail" type="text" value=""> 
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group custom-form-group mb-0">
                                        <label class="form-label" for="invoice_suffix">
                                            Invoice Suffix 
                                            <span class="text-danger">*</span></label>
                                            <input class="form-control" id="invoice_suffix" name="invoice_suffix" placeholder="6" type="text" value=""> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                       
                            <div class="row mb-0 mt-3">
                                <div class="col-md-3">
                                    <button type="button" class="btn btn-danger" id="invoice-save-details">
                                        Save Details
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>

                <div class="row mt-5">
                    <div class="col-md-12">
                        <div class="zone-box">
                            <div class="seller-remit">
                            <div class="row">
                                <div class="col-md-4 col-9">
                                    <h5 class="heading">
                                        You have opted for the Postpaid Plan
                                    </h5>
                                </div>

                                <div class="col-md-2 col-3">
                                    <div class="toogleSwitch">
                                                <label class="switch" for="state-gst-enabled">
                                                    <input class="filled-in fill-check" name="state-gst-enabled" type="checkbox" id="state-gst-enabled" value="{{old('state-gst-enabled')}}">
                                                    <span class="slider round"></span>
                                                </label>
                                            </div>
                                </div>

                                <div class="col-md-6">
                                    <button type="button" class="btn btn-danger float-left float-sm-right" data-toggle="modal" data-target="#addstate">
                                        Add State
                                    </button>
                                </div>

                                <div class="col-md-12 mt-2">
                                    <p class="mb-1">When to enable State GST?</p>
                                    <ul class="list-unstyled mb-2">
                                        <li>
                                            <i class="fa fa-arrow-right" aria-hidden="true"></i> 
                                            When you have multiple GSTINs from different state.
                                        </li>
                                        <li>
                                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
                                            When you want to generate seperate freight invoices for each pickup address.
                                        </li>
                                        <li>
                                            <i class="fa fa-arrow-right" aria-hidden="true"></i> 
                                            When you want to claim input credit on tax paid by you on your purchase.
                                        </li>
                                    </ul>

                                    <p>
                                        Note: Customers invoices will be generated with pickup address (shown under Sold by) and respective state GSTIN
                                    </p>
                                </div>

                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th scope="col">State</th>
                                                    <th scope="col">GSTIN</th>
                                                    <!-- <th scope="col">Action</th> -->
                                                </tr>
                                            </thead>
                                            @foreach($details as $detail)
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        {{ $detail->state ? $detail->state->name : '-' }}
                                                    </td>
                                                    <td>
                                                        {{$detail->gst_in}}
                                                    </td>
                                                    <!-- <td>
                                                        <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#edit">
                                                        Edit</button>
                                                    </td> -->
                                                </tr>
                                            </tbody>
                                            @endforeach
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>          
                    </div>
                </div>
            </div>

            <!-- Add state modal  -->

            <div class="modal fade" id="addstate" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog  modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title mb-0" id="exampleModalLabel">
                                <div class="title-section border-0">
                                  <p>Add New GSTIN</p>
                                </div>
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><img src="{{asset('images/close.png')}}" height="30px" alt=""></span>
                            </button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">
                                            State
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="form-group custom-form-group">
                                        <select class="form-control" name="userAddressState" id="userAddressState">
                                            <option value="">Select State</option>
                                            @foreach($listData['state'] as $states)
                                                <option value="{{$states['id']}}" {{ old('userAddressState') == $states['id'] ? 'selected': ''}}>{{$states['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="add-gst-in">GSTIN</label>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="form-group custom-form-group mb-0">
                                        <input class="form-control" id="add-gst-in" name="add-gst-in" placeholder="" type="text" value=""> 
                                    </div>
                                </div>                             
                            </div>
                        </div>

                        <div class="modal-footer">
                            <div class="float-right import-btns">
                                <button type="button" class="btn btn-danger save-btn" id="add-new-gstin">Update</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Edit Modal  -->

            <div class="modal fade" id="edit" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog  modal-sm">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title mb-0" id="exampleModalLabel">
                                <div class="title-section border-0">
                                    <p>Update GSTIN for Uttar Pradesh</p>
                                </div>
                            </h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">
                                    <img src="{{asset('images/close.png')}}" height="20px" width="25px" alt="">
                                </span>
                            </button>
                        </div>

                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">State</label>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="form-group custom-form-group">
                                        <select class="form-control" name="userAddressState" id="userAddressState">
                                            <option value="">Select State</option>
                                            @foreach($listData['state'] as $states)
                                                <option value="{{$states['id']}}" {{ old('userAddressState') == $states['id'] ? 'selected':''}}>{{$states['name']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group custom-form-group">
                                      <label class="form-label" for="customer">GSTIN</label>
                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="form-group custom-form-group mb-0">
                                      <input class="form-control" placeholder="" type="text" value=""> 
                                    </div>
                                </div>                             
                            </div>
                        </div>

                        <div class="modal-footer">
                            <div class="float-right import-btns">
                                <button type="button" class="btn btn-danger save-btn" >
                                    Update
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript">

        $('#state-gst-enabled').change(function() {

            var enableStateGst = $('#state-gst-enabled').is(":checked") ? 'yes' : 'no';
            var data = {
                '_token': "{{csrf_token()}}",
                'enableStateGst':enableStateGst
            }

            // console.log(data); return false;
            $.ajax({
                url : "{{route('update/prefrence')}}",
                type: 'POST',
                data: data,
                success:function(data) {       
                    swal({
                        icon: 'success',
                        title: "Updated",
                        text: 'Preferences changes has been updated!.',
                        type: "success",

                        closeOnConfirm: false,
                        showLoaderOnConfirm: true,
                    });
                     window.location.href = "{{ url('view/gstIn/invoice') }}";
                }

               // window.location.href = "{{ url('view/gstIn/invoice') }}";
                //location.reload();
            });
        })

        $('#invoice-save-details').click(function(){
            var gst_in = $('#gst_in').val();
            var invoice_prefix = $('#invoice_prefix').val();
            var invoice_suffix = $('#invoice_suffix').val();

            if(!gst_in){

                 swal({
                                icon: 'warning',
                                title: "Please insert gst number",
                                text: 'GSTIN',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                        });

                 return;

            }

            if(!invoice_prefix){

             swal({
                            icon: 'warning',
                            title: "Please insert invoice prefix",
                            text: 'Invoice Prefix',
                            type: "warning",

                            closeOnConfirm: true,
                            showLoaderOnConfirm: true,
                    });

                return;

            }

            if(!invoice_suffix){

                swal({
                        icon: 'warning',
                        title: "Please insert invoice sufix",
                        text: 'Invoice Sufix',
                        type: "warning",

                        closeOnConfirm: true,
                        showLoaderOnConfirm: true,
                });

                return;

            }

            var rowData = {
                '_token': "{{csrf_token()}}",
                'gst_in' : gst_in,
                'invoice_prefix' : invoice_prefix,
                'invoice_suffix' : invoice_suffix,
            }
            console.log(rowData);

            $.ajax({
                url : "{{route('store/inovice')}}",
                type: 'POST',
                data: rowData,
                success:function(data) {
                    // console.log(data); return false;
                    if(data == 'success'){
                        console.log('hi');
                        swal({
                                icon: 'success',
                                title: "Record added successfully",
                                text: 'Your invoice is added',
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                        });
                    }
                    window.location.href = "{{ url('view/gstIn/invoice') }}";
                   //location.reload();
                }
            });
        });

        $('#add-new-gstin').click(function(){
            var state_id = $('#userAddressState').val();
            var add_gst_in = $('#add-gst-in').val();



            if(!state_id){

                 swal({
                                icon: 'warning',
                                title: "Please select state",
                                text: 'State',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                        });

                    return;

            }

            
            if(!add_gst_in){

                 swal({
                                icon: 'warning',
                                title: "Please insert gst number",
                                text: 'GSTIN',
                                type: "warning",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                        });

                 return;

            }



            var rowData = {
                '_token': "{{csrf_token()}}",
                'state_id' : state_id,
                'gst_in': add_gst_in
            }

            $.ajax({
                url : "{{route('add/state/gst/inovice')}}",
                type: 'POST',
                data: rowData,
                success:function(data) {
                    // console.log(data); return false;
                    if(data == 'success'){
                        // console.log('hi');
                        swal({
                                icon: 'success',
                                title: "State added successfully",
                                text: 'Your state is added',
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                        });
                    }
                   window.location.href = "{{ url('view/gstIn/invoice') }}";
                   // location.reload();
                }
            });
        });
    </script>
@endsection