import React, { useState } from "react";
import { Link } from "react-router-dom";
import Layout from "../Partials/Layout";
import MyJobTable from "./MyJobTable";
import CommonHead from "../UserHeader/CommonHead";
import SelectBox from "../Helpers/SelectBox";
import dataImage2 from "../../assets/images/data-table-user-2.png";

export default function StartJob(props) {
    const [selectTab, setValue] = useState("today");
    const filterHandler = (value) => {
        setValue(value);
    };
    console.log("AMEYE LOC1", props.MyJobList);
    return (
        <Layout>
            {/*<CommonHead />*/}
            <div className="notification-page w-full mb-10">
                <div className="notification-wrapper w-full">
                    {/* heading */}
                    <div className="sm:flex justify-between items-center mb-6">
                        <div className="mb-5 sm:mb-0">
                            <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
                <span
                    className={`${selectTab === "today" ? "block" : "hidden"}`}
                >
                  Additional Terms for Jobs Posting.
                </span>

                            </h1>
                        </div>
                        <div className="slider-btns flex space-x-4">
                            <div onClick={() => filterHandler("today")} className="relative">

                            </div>
                        </div>
                    </div>

                    <div
                        className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[520px]`}
                    >
                        <div className="header w-full flex justify-between items-center mb-5">
                            <div className="flex space-x-2 items-center">
                                <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
                                Terms & Agreement
                                </h1>
                            </div>
                            {/*<SelectBox*/}
                            {/*    action={setCategory}*/}
                            {/*    datas={filterCategories}*/}
                            {/*    className="Update-table-dropdown"*/}
                            {/*    contentBodyClasses="w-auto min-w-max"*/}
                            {/*/>*/}
                        </div>
                        <div className="relative w-full overflow-x-auto sm:rounded-lg">
                            All terms of sale must follow WrenchBoard policies for buying and selling. Setting and meeting expectations in a listing's terms of sale ensure a smooth transaction and buyer satisfaction while helping WrenchBoard remain a reputable marketplace.

                            What is the policy?
                            Task or Job owners should provide clear and accurate delivery terms and conditions required to meet the expectations they have set in their listings. These should include:
                            Delivery mode, timelines, and reviews
                            The forms of payment available for the task
                            A returns policy:
                            Clearly stated criteria under which cancellation will be accepted.
                            Clearly stated the time period in which the buyer must notify the seller about the delivery delay.
                            How refunds/returns/cancellations will be issued



                            Activity that doesn't follow WrenchBoard policy could result in a range of actions, including for example: administratively ending or canceling listings, hiding or demoting all listings from search results, lowering rating, buying or selling restrictions, and account suspension.
                            All fees paid or payable concerning listings or accounts on which we take any action will not be refunded or otherwise credited to your account.

                            Why does WrencBoard have this policy?
                            Buyers and sellers enter a contract when they complete transactions, so it's necessary to have precise details on what the transaction entails to guarantee satisfaction. This policy also helps sellers meet our performance standards.
                        </div>
                    </div>

                </div>
            </div>
        </Layout>
    );
}
