Merge pull request #1 from sagar290/main

Inital Release

README.md

@@ -1,2 +1,70 @@
-# courier-woocommerce-plugin
-Pathao courier woo commerce plugin
+# Pathao Courier Plugin For WordPress Woocommerce
+
+## Description
+
+This WordPress plugin is designed to enhance your website's functionality by providing courier service features.
+Whether you need seamless package tracking or a user-friendly way to manage deliveries, our plugin has you covered.
+
+![img_7.png](screenshots%2Fimg_7.png)
+![img_8.png](screenshots%2Fimg_8.png)
+## Features
+
+- Easy to implement
+- Sync orders to the Pathao Merchant Panel
+- Webhook Implementations
+- Realtime order status updates
+
+## Installation
+
+1. Download the plugin zip file.
+
+![img.png](screenshots%2Fimg.png)
+
+2. **Upload Plugin:**
+   - Go to the WordPress admin dashboard and navigate to 'Plugins > Add New Plugin'.
+
+     ![img_1.png](screenshots%2Fimg_1.png)
+
+   - Click 'Upload Plugin' and choose the zip file you just downloaded.
+
+     ![img_2.png](screenshots%2Fimg_2.png)
+
+   - Click 'Install Now' and activate the plugin.
+
+     ![img_3.png](screenshots%2Fimg_3.png)
+
+   - Or, unzip the file on your computer and upload the 'wordpress-pathao-courier-plugin' folder via FTP to your '/wp-content/plugins/' directory.
+
+4. **Setup Plugin:**
+   - Go to the WordPress admin dashboard and navigate to 'Settings > Pathao Courier'.
+     You will see a page 'Pathao Courier Settings' with the following options:
+
+     ![img_4.png](screenshots%2Fimg_4.png)
+
+   - Client ID: Enter your client ID and Client Secret Key. which you will get from Pathao [Merchant Panel](https://merchant.pathao.com/courier/developer-api).
+
+     ![img_5.png](screenshots%2Fimg_5.png)
+
+   - Webhook URL: Enter your webhook URL which you will get from Pathao [Merchant Panel](https://merchant.pathao.com/courier/developer-api).
+
+     ![img_6.png](screenshots%2Fimg_6.png)
+
+   - Click 'Save Changes' to save your settings.
+## Usage
+
+To use follow these steps:
+
+1. Add any product to the cart. Then go to the checkout page.
+2. Fill up the billing details and place the order.
+3. Go to the admin panel and check the order Woocommerce -> orders.
+
+![img_7.png](screenshots%2Fimg_7.png)
+
+5. Click on the button 'Send with Pathao' to send the order to the Pathao Merchant Panel.
+6. You will see a modal with the order details. Fill up the details and click on the button 'Send to Pathao'.
+
+![img_8.png](screenshots%2Fimg_8.png)
+
+
+## License
+This plugin is released under the [MIT License](https://github.com/pathao-eng/courier-woocommerce-plugin/blob/main/LICENSE).

css/ptc-admin-style.css

@@ -0,0 +1,98 @@
+.pt_hms_order_modal {
+    position: fixed;
+    z-index: 9999;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.pt_hms_order_modal .modal-content {
+    margin: auto;
+    padding: 20px;
+    width: 80%;
+    max-height: 70vh;
+    background-color: #fefefe;
+    border: 1px solid #888;
+    overflow-y: auto;
+}
+
+.pt_hms_order_modal .close {
+    position: absolute;
+    right: 10px;
+    top: 5px;
+    color: #aaa;
+    font-size: 28px;
+    cursor: pointer;
+}
+
+.pt_hms_order_modal .close:hover,
+.pt_hms_order_modal .close:focus {
+    color: #000;
+    text-decoration: none;
+}
+
+.pt_hms_order_modal label,
+.pt_hms_order_modal input,
+.pt_hms_order_modal select,
+.pt_hms_order_modal button {
+    padding: 12px;
+    margin: 8px 0;
+    border-radius: 4px;
+    box-sizing: border-box;
+}
+
+.pt_hms_order_modal input,
+.pt_hms_order_modal select {
+    border: 1px solid #ccc;
+    flex: 1;
+}
+
+.pt_hms_order_modal button#ptc-submit-button {
+    background-color: #4CAF50;
+    color: white;
+    border: none;
+    cursor: pointer;
+    float: right;
+    margin-bottom: 10px;
+}
+
+.pt_hms_order_modal textarea#ptc_wc_shipping_address {
+    width: 100%;
+}
+
+.pt_hms_order_modal button#submit-button:hover {
+    background-color: #45a049;
+}
+
+
+
+.form-group {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.form-group label {
+    margin-right: 10px;
+}
+
+.row {
+    display: flex;
+    justify-content: space-between;
+}
+
+.form-group {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.column-pathao .ptc-open-modal-button {
+    cursor: pointer;
+
+}