@extends('buyers_sellers.layout2.master')
@section('title', 'Job')
<style>
    #serviceImage 
    {
        width: 200px;
        height: 250px;
    }
</style>
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class=" pull-left">
                        <div class="page-title">Jobs</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ route('buyer.dashboard') }}">Home</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        {{-- <li><a class="parent-item" href="">UI Elements</a>&nbsp;<i class="fa fa-angle-right"></i> --}}
                        </li>
                        <li class="active">Jobs</li>
                    </ol>
                </div>
            </div>
            <div class="p-3">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body ">
                                @if (Session::has('message'))
                                    <div class="alert alert-primary" role="alert">
                                        {{ Session::get('message') }}
                                    </div>
                                @endif
                                <form class="job-search p-3 border-bottom" action="{{ route('buyer.job.search') }}"
                                    method="get">
                                    <div class="input-group">
                                        <input type="text" class="form-control" name="name" placeholder="Search jobs"
                                            aria-label="Search" aria-describedby="basic-addon2">
                                        <div class="input-group-append">
                                            <button class="btn btn-outline-secondary" type="submit">
                                                <i class="fa fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </form>
                                <div class="row">
                                    <div class="col-md-12 col-sm-12">
                                        <div class="panel tab-border card-box">
                                            <header class="panel-heading panel-heading-gray custom-tab">
                                                <ul class="nav nav-tabs">
                                                    <li class="nav-item">
                                                        <a href="#home-2" data-toggle="tab"> <i
                                                                class="fa fa-check text-success" aria-hidden="true"></i>
                                                            Approve
                                                        </a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a href="#about-2" data-toggle="tab" class="active">
                                                            <i class="fa fa-clock-o text-warning" aria-hidden="true"></i>
                                                            Pending
                                                        </a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a href="#contact-2" data-toggle="tab">
                                                            <i class="fa fa-ban text-danger" aria-hidden="true"></i>
                                                            Decline
                                                        </a>
                                                    </li>
                                                    <li class="nav-item">
                                                        <a href="#complete-2" data-toggle="tab">
                                                            <i class="fa fa-check text-success" aria-hidden="true"></i>
                                                            Completed
                                                        </a>
                                                    </li>
                                                </ul>
                                            </header>
                                            <div class="panel-body">
                                                <div class="tab-content">
                                                    <div class="tab-pane " id="home-2">
                                                        <div class="row">
                                                            @foreach ($data as $row)
                                                                @if ($row->status == 1)
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="border shadow-sm border  bg-white job-item-2 p-3 mb-3">
                                                                            <div class="media">
                                                                                {{-- <div class="u-avatar mr-3">
                                                                        <img class="img-fluid" src="img/l3.png"
                                                                            alt="Image Description">
                                                                    </div> --}}
                                                                                <div class="media-body">
                                                                                    <div class="mb-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-8">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Title
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->title }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Budget
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->price }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="col-md-4 text-right">
                                                                                                <a href="{{ url('/job/edit/' . $row->id) }}"
                                                                                                    class="btn btn-primary btn-sm">
                                                                                                    <i
                                                                                                        class="fa fa-pencil"></i>
                                                                                                    Edit
                                                                                                </a>
                                                                                                <a href="{{ url('/job/delete/' . $row->id) }}"
                                                                                                    class="btn btn-danger btn-sm"><i
                                                                                                        class="fa fa-trash"></i>
                                                                                                    Delete</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="d-flex align-items-center">
                                                                                        <div class="row">
                                                                                            <div
                                                                                                class="form-group col-md-12">
                                                                                                <div class="text-truncate">
                                                                                                    <label for="image"
                                                                                                        class="bold">JOb
                                                                                                        Image</label><br>
                                                                                                    @if (empty($row->image))
                                                                                                        <img src="{{ asset('assets/buyers_sellers/img/p13.png') }}"
                                                                                                            width="150px"
                                                                                                            alt="Responsive image"
                                                                                                            class="border">
                                                                                                    @else
                                                                                                        <img src="{{ asset('Client/Service/'.$row->image) }}"
                                                                                                        width="150px"
                                                                                                        alt="Responsive image"
                                                                                                        class="border">
                                                                                                    @endif
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="form-group col-md-12 pr-3 mr-3">
                                                                                                <label for="description"
                                                                                                    class="bold">Job
                                                                                                    Description</label>
                                                                                                <p>{{ $row->desc }}</p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane active" id="about-2">
                                                        <div class="row">
                                                            @foreach ($data as $row)
                                                                @if ($row->status == 0)
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="border shadow-sm border  bg-white job-item-2 p-3 mb-3">
                                                                            <div class="media">
                                                                                {{-- <div class="u-avatar mr-3">
                                                                        <img class="img-fluid" src="img/l3.png"
                                                                            alt="Image Description">
                                                                    </div> --}}
                                                                                <div class="media-body">
                                                                                    <div class="mb-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-8">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Title
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->title }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Budget
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->price }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="col-md-4 text-right">
                                                                                                <a href="{{ url('/job/edit/' . $row->id) }}"
                                                                                                    class="btn btn-primary btn-sm">
                                                                                                    <i
                                                                                                        class="fa fa-pencil"></i>
                                                                                                    Edit
                                                                                                </a>
                                                                                                <a href="{{ url('/job/delete/' . $row->id) }}"
                                                                                                    class="btn btn-danger btn-sm"><i
                                                                                                        class="fa fa-trash"></i>
                                                                                                    Delete</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="d-flex align-items-center">
                                                                                        <div class="row">
                                                                                            <div
                                                                                                class="form-group col-md-12">
                                                                                                <div class="text-truncate">
                                                                                                    <label for="image"
                                                                                                        class="bold">JOb
                                                                                                        Image</label><br>
                                                                                                    @if (empty($row->image))
                                                                                                        <img src="{{ asset('assets/buyers_sellers/img/p13.png') }}"
                                                                                                            width="150px"
                                                                                                            alt="Responsive image"
                                                                                                            class="border">
                                                                                                    @else
                                                                                                        <img src="{{ asset('Client/Service/'.$row->image) }}"
                                                                                                        width="150px"
                                                                                                        alt="Responsive image"
                                                                                                        class="border">
                                                                                                    @endif

                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="form-group col-md-12 pr-3 mr-3">
                                                                                                <label for="description"
                                                                                                    class="bold">Job
                                                                                                    Description</label>
                                                                                                <p>{{ $row->desc }}</p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane " id="contact-2">
                                                        <div class="row">
                                                            @foreach ($data as $row)
                                                                @if ($row->status == 2)
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="border shadow-sm border  bg-white job-item-2 p-3 mb-3">
                                                                            <div class="media">
                                                                                {{-- <div class="u-avatar mr-3">
                                                                        <img class="img-fluid" src="img/l3.png"
                                                                            alt="Image Description">
                                                                    </div> --}}
                                                                                <div class="media-body">
                                                                                    <div class="mb-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-8">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Title
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->title }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Budget
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->price }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="col-md-4 text-right">
                                                                                                <a href="{{ url('/job/edit/' . $row->id) }}"
                                                                                                    class="btn btn-primary btn-sm">
                                                                                                    <i
                                                                                                        class="fa fa-pencil"></i>
                                                                                                    Edit
                                                                                                </a>
                                                                                                <a href="{{ url('/job/delete/' . $row->id) }}"
                                                                                                    class="btn btn-danger btn-sm"><i
                                                                                                        class="fa fa-trash"></i>
                                                                                                    Delete</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="d-flex align-items-center">
                                                                                        <div class="pr-3 mr-3">
                                                                                            @if ($row->status == 2)
                                                                                            <p>Your Post Has Been Declined</p>
                                                                                            @endif
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane " id="complete-2">
                                                        <div class="row">
                                                            @foreach ($data as $row)
                                                                @if ($row->status == 3)
                                                                    <div class="col-md-12">
                                                                        <div
                                                                            class="border shadow-sm border  bg-white job-item-2 p-3 mb-3">
                                                                            <div class="media">
                                                                                <div class="media-body">
                                                                                    <div class="mb-3">
                                                                                        <div class="row">
                                                                                            <div class="col-md-8">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Title
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->title }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                    <div class="col-md-4">
                                                                                                        <h6 class="mb-0">
                                                                                                            <span
                                                                                                                class="bold">Your
                                                                                                                Budget
                                                                                                                :</span><br><span
                                                                                                                style="font-weight: 500;">
                                                                                                                {{ $row->price }}</span>
                                                                                                        </h6>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="col-md-4 text-right">
                                                                                                <a href="{{ url('/job/renew/' . $row->id) }}"
                                                                                                    class="btn btn-theme btn-sm">Renew</a>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="d-flex align-items-center">
                                                                                        <div class="row">
                                                                                            <div
                                                                                                class="form-group col-md-12">
                                                                                                <div class="text-truncate">
                                                                                                    <label for="image"
                                                                                                        class="bold">JOb
                                                                                                        Image</label><br>
                                                                                                        @if (empty($row->image))
                                                                                                        <img src="{{ asset('assets/buyers_sellers/img/p13.png') }}"
                                                                                                            width="150px"
                                                                                                            alt="Responsive image"
                                                                                                            class="border">
                                                                                                    @else
                                                                                                        <img src="{{ asset('Client/Service/'.$row->image) }}"
                                                                                                        width="150px"
                                                                                                        alt="Responsive image"
                                                                                                        class="border">
                                                                                                    @endif
                                                                                                </div>
                                                                                            </div>
                                                                                            <div
                                                                                                class="form-group col-md-12 pr-3 mr-3">
                                                                                                <label for="description"
                                                                                                    class="bold">Job
                                                                                                    Description</label>
                                                                                                <p>{{ $row->desc }}</p>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection