Untitled

 avatar
unknown
html
3 years ago
22 kB
3
Indexable
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Tax picklists</title>
        <link rel="shortcut icon" type="image/png" href="./favicon.png"/>
        <style>
            * {
                box-sizing: border-box;
            }

            .table-bordered td, .table-bordered th {
    border: 1px solid #ddd;
    padding: 10px;
    word-break: break-all;
}

            body {
                font-family: Arial, Helvetica, sans-serif;
                margin: 0;
                padding: 0;
                font-size: 16px;
            }
            .h4-14 h4{
                font-size: 14px;
                margin-top: 0;
                margin-bottom: 5px;
            }
            .img {
                margin-left: "auto";
                margin-top: "auto";
                height : 30px,
            }
            pre,p {
                /* width: 99%; */
                /* overflow: auto; */
                /* bpicklist: 1px solid #aaa; */
                padding: 0;
                margin: 0;
            }
            table {
                font-family: arial, sans-serif;
                width: 100%;
                border-collapse: collapse;
                padding: 1px;
            }
            .hm-p p{
                text-align: left;
                padding: 1px;
                padding: 5px 4px;
            }
            td,
            th {
                text-align: left;
                padding: 8px 6px;
            }
           .table-b td, .table-b th {
            border: 1px solid #ddd;
           }
            th {
               /* background-color: #ddd; */
            }
            .hm-p td,  .hm-p th {
                padding: 3px 0px;
            }
            .cropped {
                float : right;
                margin-bottom:20px;
                height: 100px; /* height of container */
                overflow: hidden;
                }
            .cropped img {
                width: 400px;
                margin: 8px 0px 0px 80px;
            }
            .main-pd-wrapper {
                box-shadow: 0 0 10px #ddd;
                background-color: #fff;
                border-radius: 10px;
                padding: 15px;
            }
            .table-bordered td, .table-bordered th {
                border: 1px solid #ddd;
                padding: 10px;
            }
        </style>
    </head>
    <body >
        <section class="main-pd-wrapper" style="width: 1200px; margin: auto;">
            <table style="width: 100%; table-layout: fixed;">
                <tr>
                    <td >
                      <div style="width: 400px; text-align: center; margin: auto; line-height: 1.5; font-size: 14px;
                      color: #4a4a4a;">
                        <svg width="220" height="72" viewBox="0 0 268 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M67.0969 26.1329L59.644 38.0368C57.802 40.9813 54.5681 42.7689 51.0941 42.7607L16.7196 42.6815C13.232 42.6733 9.99539 40.8585 8.16969 37.8867L0.921475 26.0865C-1.60285 21.9739 1.35811 16.696 6.1748 16.696H15.8791L26.6778 3.42216C28.4516 1.24715 31.0742 0 33.8796 0C33.8796 0 33.8796 0 33.8823 0C36.685 0 39.3103 1.24715 41.0787 3.42489L51.88 16.696H61.8764C66.7176 16.696 69.6786 22.0312 67.0969 26.1329ZM24.0879 16.696H43.6712L36.1392 7.44197C35.3805 6.50592 34.3981 6.36674 33.8796 6.36674C33.3611 6.36674 32.3814 6.50592 31.6172 7.44197L24.0879 16.696Z" fill="#FCBE00"/>
                            <path d="M50.8489 64.92L33.8773 57.1178L16.9029 64.92C12.2364 67.0623 7.10857 63.0179 8.09919 57.9829L9.44732 51.1113C10.4052 46.2291 14.687 42.7087 19.6647 42.7169L48.139 42.7606C53.1031 42.766 57.3685 46.2837 58.3237 51.1522L59.6663 57.9829C60.657 63.0179 55.5155 67.0623 50.8489 64.92Z" fill="#444A4B"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M254.834 47.3629V44.2688C253.836 45.3707 252.644 46.2528 251.256 46.9095C249.868 47.5662 248.178 47.8959 246.186 47.8959C244.832 47.8959 243.559 47.7118 242.37 47.3354C241.177 46.9617 240.136 46.4011 239.245 45.6565C238.355 44.9063 237.654 43.9913 237.138 42.9059C236.621 41.8206 236.363 40.5676 236.363 39.1415V39.0371C236.363 37.4708 236.649 36.1189 237.217 34.9786C237.786 33.841 238.58 32.8985 239.594 32.1511C240.608 31.4037 241.817 30.8431 243.224 30.4694C244.628 30.0957 246.186 29.9089 247.895 29.9089C249.352 29.9089 250.624 30.0161 251.709 30.2276C252.795 30.442 253.853 30.7277 254.886 31.0822V30.6013C254.886 28.895 254.369 27.5952 253.339 26.705C252.306 25.8174 250.775 25.3723 248.747 25.3723C247.181 25.3723 245.802 25.5042 244.612 25.7707C243.419 26.04 242.163 26.4219 240.847 26.9193L238.819 20.7285C240.386 20.0526 242.023 19.5002 243.73 19.0743C245.439 18.6457 247.502 18.4314 249.92 18.4314C254.369 18.4314 257.609 19.5195 259.637 21.6875C261.665 23.8582 262.678 26.8836 262.678 30.7634V47.3629H254.834ZM254.993 35.8331C254.281 35.5116 253.49 35.2561 252.616 35.0582C251.745 34.8659 250.811 34.767 249.816 34.767C248.071 34.767 246.7 35.105 245.705 35.7809C244.708 36.4569 244.211 37.4351 244.211 38.7156V38.8227C244.211 39.9246 244.62 40.7792 245.439 41.3837C246.258 41.9909 247.324 42.2932 248.64 42.2932C250.563 42.2932 252.099 41.8288 253.259 40.9056C254.413 39.9795 254.993 38.7705 254.993 37.2757V35.8331Z" fill="#444A4B"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M147.114 34.8744C147.097 35.1575 147.07 35.4954 147.034 35.8884H127.126C127.517 37.7376 128.327 39.1335 129.553 40.076C130.781 41.0212 132.303 41.4911 134.117 41.4911C135.469 41.4911 136.678 41.2603 137.747 40.7987C138.816 40.337 139.917 39.5869 141.055 38.5565L145.701 42.6672C144.347 44.3406 142.712 45.6485 140.788 46.591C138.868 47.5335 136.609 48.0034 134.01 48.0034C131.875 48.0034 129.891 47.6489 128.058 46.9372C126.225 46.2256 124.642 45.2116 123.307 43.8927C121.974 42.5765 120.933 41.0212 120.185 39.2242C119.438 37.4271 119.064 35.424 119.064 33.2175V33.1104C119.064 31.0825 119.411 29.1618 120.106 27.3482C120.798 25.5319 121.768 23.9492 123.016 22.5973C124.26 21.2454 125.747 20.1765 127.473 19.3934C129.198 18.6103 131.111 18.2201 133.21 18.2201C135.595 18.2201 137.659 18.646 139.401 19.5005C141.146 20.3551 142.596 21.5037 143.751 22.9435C144.907 24.3834 145.762 26.0403 146.314 27.906C146.864 29.7745 147.141 31.7227 147.141 33.7533V33.8577C147.141 34.2507 147.133 34.5887 147.114 34.8744ZM137.321 26.414C136.288 25.2929 134.919 24.7323 133.21 24.7323C131.501 24.7323 130.122 25.2846 129.072 26.3865C128.022 27.4884 127.338 28.9667 127.017 30.8159H139.241C138.991 29.0024 138.351 27.5351 137.321 26.414Z" fill="#444A4B"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M175.832 34.8744C175.813 35.1575 175.786 35.4954 175.75 35.8884H155.842C156.232 37.7376 157.043 39.1335 158.271 40.076C159.499 41.0212 161.019 41.4911 162.835 41.4911C164.187 41.4911 165.396 41.2603 166.465 40.7987C167.531 40.337 168.633 39.5869 169.773 38.5565L174.417 42.6672C173.065 44.3406 171.428 45.6485 169.507 46.591C167.586 47.5335 165.325 48.0034 162.728 48.0034C160.593 48.0034 158.609 47.6489 156.776 46.9372C154.944 46.2256 153.361 45.2116 152.025 43.8927C150.69 42.5765 149.651 41.0212 148.904 39.2242C148.157 37.4271 147.783 35.424 147.783 33.2175V33.1104C147.783 31.0825 148.129 29.1618 148.821 27.3482C149.517 25.5319 150.487 23.9492 151.731 22.5973C152.976 21.2454 154.463 20.1765 156.188 19.3934C157.914 18.6103 159.826 18.2201 161.926 18.2201C164.311 18.2201 166.374 18.646 168.119 19.5005C169.861 20.3551 171.312 21.5037 172.469 22.9435C173.626 24.3834 174.48 26.0403 175.03 27.906C175.582 29.7745 175.857 31.7227 175.857 33.7533V33.8577C175.857 34.2507 175.849 34.5887 175.832 34.8744ZM166.036 26.414C165.006 25.2929 163.635 24.7323 161.926 24.7323C160.219 24.7323 158.84 25.2846 157.79 26.3865C156.741 27.4884 156.056 28.9667 155.735 30.8159H167.96C167.71 29.0024 167.07 27.5351 166.036 26.414Z" fill="#444A4B"/>
                            <path d="M194.701 26.7051C191.994 26.7051 189.87 27.5266 188.321 29.1616C186.774 30.7993 185.999 33.3437 185.999 36.7949V47.363H177.887V18.7529H185.999V24.5178C186.818 22.5614 187.939 20.9951 189.362 19.8191C190.785 18.6458 192.706 18.1127 195.127 18.2199V26.7051H194.701Z" fill="#444A4B"/>
                            <path d="M198.735 47.363V18.2061H206.849V47.363H198.735Z" fill="#444A4B"/>
                            <path d="M228.892 47.3631L221.421 35.674L218.59 38.6636V47.3631H210.479V8.39941H218.59V29.1617L228.092 18.7531H237.809L226.916 30.0163L238.179 47.3631H228.892Z" fill="#444A4B"/>
                            <path d="M206.849 12.4552C206.849 14.6974 205.033 16.5136 202.791 16.5136C200.551 16.5136 198.735 14.6974 198.735 12.4552C198.735 10.2157 200.551 8.39941 202.791 8.39941C205.033 8.39941 206.849 10.2157 206.849 12.4552Z" fill="#FCBE00"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M115.299 36.0096C114.283 38.4249 112.837 40.5187 110.972 42.291C109.106 44.0634 106.877 45.4593 104.295 46.4759C101.712 47.4954 98.8732 48.0037 95.7792 48.0037H80.3338V8.39978H95.7792C98.8732 8.39978 101.712 8.89987 104.295 9.90006C106.877 10.8975 109.106 12.2851 110.972 14.0575C112.837 15.8298 114.283 17.9154 115.299 20.3087C116.319 22.7048 116.827 25.2987 116.827 28.0877V28.2031C116.827 30.9921 116.319 33.597 115.299 36.0096ZM107.718 28.2031C107.718 26.4693 107.424 24.8646 106.842 23.3917C106.256 21.9217 105.446 20.6577 104.407 19.6025C103.371 18.5474 102.118 17.7258 100.645 17.1405C99.1754 16.558 97.5542 16.264 95.7792 16.264H89.0471V40.1395H95.7792C97.5542 40.1395 99.1754 39.8565 100.645 39.2905C102.118 38.7244 103.371 37.9138 104.407 36.8587C105.446 35.8035 106.256 34.5588 106.842 33.1244C107.424 31.6928 107.718 30.0881 107.718 28.3158V28.2031Z" fill="#444A4B"/>
                            <path d="M80.2436 60.875C80.2436 64.5325 82.9211 67.105 86.4386 67.105C89.1511 67.105 91.3561 65.67 92.1786 63.15H89.3611C88.7836 64.34 87.7336 64.9175 86.4211 64.9175C84.2861 64.9175 82.7636 63.3425 82.7636 60.875C82.7636 58.39 84.2861 56.8325 86.4211 56.8325C87.7336 56.8325 88.7836 57.41 89.3611 58.5825H92.1786C91.3561 56.08 89.1511 54.6275 86.4386 54.6275C82.9211 54.6275 80.2436 57.2175 80.2436 60.875ZM93.6412 62.1175C93.6412 65.145 95.6012 67.1575 98.0512 67.1575C99.5912 67.1575 100.694 66.4225 101.271 65.5825V67H103.739V57.305H101.271V58.6875C100.694 57.8825 99.6262 57.1475 98.0687 57.1475C95.6012 57.1475 93.6412 59.09 93.6412 62.1175ZM101.271 62.1525C101.271 63.99 100.046 65.005 98.6987 65.005C97.3862 65.005 96.1437 63.955 96.1437 62.1175C96.1437 60.28 97.3862 59.3 98.6987 59.3C100.046 59.3 101.271 60.315 101.271 62.1525ZM108.582 62.17C108.582 60.2975 109.457 59.7375 110.909 59.7375H111.557V57.165C110.209 57.165 109.194 57.8125 108.582 58.81V57.305H106.132V67H108.582V62.17ZM113.592 63.99C113.592 66.2125 114.834 67 116.689 67H118.229V64.935H117.092C116.322 64.935 116.059 64.655 116.059 64.0075V59.3175H118.229V57.305H116.059V54.9075H113.592V57.305H112.437V59.3175H113.592V63.99ZM120.254 67H122.739V59.3175H124.436V57.305H122.739V56.9025C122.739 55.8175 123.141 55.4325 124.331 55.4675V53.4025C121.601 53.3325 120.254 54.435 120.254 56.815V57.305H119.151V59.3175H120.254V67ZM135.177 57.305H132.709V62.6425C132.709 64.2 131.869 65.04 130.539 65.04C129.244 65.04 128.387 64.2 128.387 62.6425V57.305H125.937V62.9925C125.937 65.6525 127.564 67.1225 129.822 67.1225C131.029 67.1225 132.097 66.5975 132.709 65.775V67H135.177V57.305ZM137.594 67H140.044V54.05H137.594V67ZM158.552 60.8575C158.552 57.2 155.787 54.61 152.304 54.61C148.857 54.61 146.039 57.2 146.039 60.8575C146.039 64.5325 148.857 67.1225 152.304 67.1225C155.769 67.1225 158.552 64.5325 158.552 60.8575ZM148.559 60.8575C148.559 58.3725 150.082 56.815 152.304 56.815C154.509 56.815 156.032 58.3725 156.032 60.8575C156.032 63.3425 154.509 64.935 152.304 64.935C150.082 64.935 148.559 63.3425 148.559 60.8575ZM160.637 67H163.122V59.3175H164.82V57.305H163.122V56.9025C163.122 55.8175 163.525 55.4325 164.715 55.4675V53.4025C161.985 53.3325 160.637 54.435 160.637 56.815V57.305H159.535V59.3175H160.637V67ZM178.26 67H180.71V54.785H178.26V59.8075H173.027V54.785H170.577V67H173.027V61.8025H178.26V67ZM182.491 62.1175C182.491 65.145 184.451 67.1575 186.901 67.1575C188.441 67.1575 189.544 66.4225 190.121 65.5825V67H192.589V57.305H190.121V58.6875C189.544 57.8825 188.476 57.1475 186.919 57.1475C184.451 57.1475 182.491 59.09 182.491 62.1175ZM190.121 62.1525C190.121 63.99 188.896 65.005 187.549 65.005C186.236 65.005 184.994 63.955 184.994 62.1175C184.994 60.28 186.236 59.3 187.549 59.3C188.896 59.3 190.121 60.315 190.121 62.1525ZM197.432 58.705V57.305H194.982V71.62H197.432V65.6175C198.027 66.405 199.112 67.1575 200.634 67.1575C203.119 67.1575 205.062 65.145 205.062 62.1175C205.062 59.09 203.119 57.1475 200.634 57.1475C199.129 57.1475 198.009 57.8825 197.432 58.705ZM202.559 62.1175C202.559 63.955 201.317 65.005 199.987 65.005C198.674 65.005 197.432 63.99 197.432 62.1525C197.432 60.315 198.674 59.3 199.987 59.3C201.317 59.3 202.559 60.28 202.559 62.1175ZM209.292 58.705V57.305H206.842V71.62H209.292V65.6175C209.887 66.405 210.972 67.1575 212.494 67.1575C214.979 67.1575 216.922 65.145 216.922 62.1175C216.922 59.09 214.979 57.1475 212.494 57.1475C210.989 57.1475 209.869 57.8825 209.292 58.705ZM214.419 62.1175C214.419 63.955 213.177 65.005 211.847 65.005C210.534 65.005 209.292 63.99 209.292 62.1525C209.292 60.315 210.534 59.3 211.847 59.3C213.177 59.3 214.419 60.28 214.419 62.1175ZM218.702 67H221.152V57.305H218.702V67ZM219.945 56.15C220.802 56.15 221.45 55.52 221.45 54.715C221.45 53.91 220.802 53.28 219.945 53.28C219.07 53.28 218.44 53.91 218.44 54.715C218.44 55.52 219.07 56.15 219.945 56.15ZM230.363 67H232.813V61.3125C232.813 58.635 231.203 57.165 228.945 57.165C227.703 57.165 226.653 57.69 226.023 58.5125V57.305H223.573V67H226.023V61.645C226.023 60.0875 226.88 59.2475 228.21 59.2475C229.505 59.2475 230.363 60.0875 230.363 61.645V67ZM239.308 59.16C240.568 59.16 241.583 59.965 241.618 61.2425H237.015C237.208 59.9125 238.135 59.16 239.308 59.16ZM243.91 63.955H241.268C240.953 64.6025 240.375 65.1275 239.325 65.1275C238.1 65.1275 237.12 64.3225 236.998 62.8875H244.085C244.138 62.5725 244.155 62.2575 244.155 61.9425C244.155 59.055 242.178 57.1475 239.378 57.1475C236.508 57.1475 234.513 59.09 234.513 62.1525C234.513 65.1975 236.56 67.1575 239.378 67.1575C241.775 67.1575 243.385 65.74 243.91 63.955ZM253.469 64.235C253.399 60.6825 248.026 61.785 248.026 60.0175C248.026 59.4575 248.499 59.09 249.409 59.09C250.371 59.09 250.966 59.5975 251.036 60.35H253.381C253.241 58.425 251.824 57.1475 249.479 57.1475C247.081 57.1475 245.646 58.4425 245.646 60.0525C245.646 63.605 251.124 62.5025 251.124 64.235C251.124 64.795 250.599 65.2325 249.636 65.2325C248.656 65.2325 247.974 64.6725 247.886 63.9375H245.419C245.524 65.74 247.221 67.1575 249.654 67.1575C252.016 67.1575 253.469 65.8975 253.469 64.235ZM263.005 64.235C262.935 60.6825 257.562 61.785 257.562 60.0175C257.562 59.4575 258.035 59.09 258.945 59.09C259.907 59.09 260.502 59.5975 260.572 60.35H262.917C262.777 58.425 261.36 57.1475 259.015 57.1475C256.617 57.1475 255.182 58.4425 255.182 60.0525C255.182 63.605 260.66 62.5025 260.66 64.235C260.66 64.795 260.135 65.2325 259.172 65.2325C258.192 65.2325 257.51 64.6725 257.422 63.9375H254.955C255.06 65.74 256.757 67.1575 259.19 67.1575C261.552 67.1575 263.005 65.8975 263.005 64.235Z" fill="#FCBE00"/>
                            </svg>                               
                        <p>
                            <b>Retail picklists</b>
                        </p>
                       <p><b>DJT RETAILERS PRIVATE LIMITED</b></p>
                       
                        <p>TEL No: <a href="tel:18001236477" style="color: #00bb07;">18001236477</a></p>
                      </div>
                    </td>
                </tr>
            </table>
            <table class="table" style="width: 100%; margin: 20px auto;" >
                <thead>
                <tbody>
                    <tr>
                        <th align="left" style="width:70%" >
						 <!--<p>OrderID   :- {{customer['order_id']}}</p> -->
                            <p>Invoice No:- {{customer.order_id}}</p>
							
                            <p>
                                Invoice Generated:- {{customer.membership_created_at}}
                            </p>
                           
                        </th>
                        <td align="right" style="text-align:right; width:200px">
						 <h4>Bill to:</h4>
                            
                            <p>
                                {{customer['name']}},{{customer['address']}}<br>
                                Tel: <a href="tel:{{customer['mobile']}}" style="color: #00bb07;">{{customer['mobile']}}</a>
                           
                            <h4>Ship to:</h4>
                            
                            <p>
                                {{customer['name']}},{{customer['address']}}<br>
                                Tel: <a href="tel:{{customer['mobile']}}" style="color: #00bb07;">{{customer['mobile']}}</a>
                                
                        </td>
                    </tr>
                </thead>
         </table>
        <div>
         
            <table class ="table table-bordered h4-14" style="width: 100%; table-layout: fixed;">
                <h3 style="margin-top: 0;
                background: #fcbd021f;
                padding: 15px;
                margin-right: -15px;
                margin-left: -15px;
                padding-left: 20px;-webkit-print-color-adjust: exact; ">Shipment 1<span style="font-weight: 300;
                    font-size: 85%;
                    color: #626262;
                    margin-left: 5px;"
                >Order ID: {{customer['order_id']}}</span>
                <p style="font-weight: 300;
                font-size: 85%;
                color: #626262;
                margin-top: 7px;
            ">
                </p>
            </h3>
                <tbody>
                    <tr>
                        <th style="width: 40px;">#</th>
                        <th style="width:20%;"><h4>Item Name</h4></th>
                        <th style="width:105px;"><h4>HSN Code</h4></th>
                        <th>Quantity</th>
                        <th><h4>MRP</h4></th>
                        <th style="width: 80px"><h4>Unit<br> Price</h4></th>

                       
                        <th><h4>Taxable <br> Amount</h4></th>
                        <th><h4>Tax Rate</h4></th>
                        <th>
                            <h4>
                            CGST
                            <hr>
                            Amount
                            </h4>
                        </th>
                        <th><h4>
                            SGST/<br>
                            UTGST%
                            <hr>
                            Amount
                        </h4></th>
                        <th><h4>
                            TOTAL Value
                        </h4></th>
                    </tr>
                    <tr id="table_body">
                        <td align="left" >
                            {{ picklists.s_no }}
                        </td>
                        <td>{{ picklists.name }}</td>
                        <td>{{ picklists.hsn }}</td>
                        <td>{{picklists.quantity_fulfilled}}</td>
                        <td>{{ picklists.mrp }}</td>
                       
                        <td>{{picklists.unit_cost}}</td>
                        <td>{{picklists.payable_value}}</td>
                        <td>{{ picklists.tax }}</td>
                        <td>{{ picklists.SGST}}</td>
                        <td>{{picklists.CGST}}</td>
                        <td>{{ picklists.total_value}}</td>
                    </tr>
                        
                </tbody>
                <tfoot>
                    <tr>
                        <td></td>
                        <td>Shipping Charge</td>
                        <td></td>
                        <td></td>
                        <td></td>
                       
                    </tr>
                    <tr>
                        
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>

                </tfoot>
                </table>
            
            
        </div>
                
                <table style="width: 100%;" cellspacing="0" cellspadding="0" border="0">
                    <tr>
                        <td style="background: #f7f7f7; padding: 10px">Payment Mode: <b>Wallet</b></td>
                    </tr>
                </table>

                <table>
                    <tr>
                        <td>
                            <h7 style="font-family: Arial, Helvetica, sans-serif; margin: 0;padding: 0;font-size: 16px";><b>Whether tax is Payable under reverse charge - No</b></h7><br>
                            <a style="font-family: Arial, Helvetica, sans-serif; margin: 0;padding: 0;font-size: 10px";>This is computer generated invoice and hence signature is not required</a>
                        </td>

                        <td style="text-align:right">
                            <h4>                   
                                Not a <b >Deerika Plus+</b> member yet?<br>
                                You could have saved <b>5%</b>                   
                            </h4>                   
                        </td>                    
                    </tr>                    
                </table>



        </section>
    </body>
</html>
Editor is loading...