@extends('admin.masterBlade')

@section('title')
Work
@endsection

@section('content')


<section class="content">
    <div class="container-fluid">
        <div class="row" style="margin-top:10px;">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Order Details</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-2">
                                App Link
                            </div>
                            <!-- /.col -->
                            <div class="col-md-10">
                                <a style="float: right;"
                                    href="{{'https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftA8HM'}}"
                                    target="_blank">https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftA8HM</a>
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer bg-light p-0">
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="nav nav-pills flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            Order Date
                                            <span class="float-right">
                                                {{$assign->created_date}}</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            Dalivary Date
                                            <span class="float-right text-danger">
                                                {{$assign->target_date}}</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            Speed Per day
                                            <span class="float-right">
                                                 {{$Orders->perday}}
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="nav nav-pills flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            Service Type
                                            <span class="float-right">
                                                {{$Orders->service->name}}
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            Platfrom
                                            <span class="float-right">
                                                {{$Orders->platform}}
                                            </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link">
                                            GEO
                                            <span class="float-right">
                                                {{$Orders->geo}}
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <!-- /.footer -->
                </div>
                <!-- /.card -->

            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Work Status</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="row" id="changeStatus">
                            <h6>Status :</h6>
                            <div class="col-md-10">
                                <div class="form-group">
                                    <select id="inputStatus" class="form-control custom-select">
                                        <option disabled="">Select one</option>
                                        <option value="3">Work in Progress</option>
                                        <option value="9">On Work</option>
                                        <option value="7">On Hold</option>
                                        <option value="6">Refiled</option>
                                        <option value="5">Refilling</option>
                                        <option value="4">Finished</option>
                                    </select>
                                </div>
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.card-body -->
                    @php
                        $pStatus = ($total*100)/$assign->total_quantity;
                    @endphp
                    <div class="card-footer bg-light pb-1">
                        <div class="col-md-12 p-b80">
                            <ul class="nav nav-pills flex-column">
                                <li class="nav-item">
                                    <a class="nav-link">Progress :
                                        <td class="project_progress">
                                            <div class="progress progress-sm">
                                                <div class="progress-bar bg-green" role="progressbar" aria-valuenow="{{$pStatus}}"
                                                    aria-valuemin="0" aria-valuemax="100" style="width: {{$pStatus}}%">
                                                </div>
                                            </div>
                                            <small>
                                                {{$pStatus}}% Complete
                                            </small>
                                        </td>
                                        <h6 class="float-right">
                                            {{$total}}/{{$assign->total_quantity}}
                                        </h6>
                                    </a>
                                </li>
                            </ul>

                        </div>
                    </div>
                    <!-- /.footer -->
                </div>
                <!-- /.card -->

            </div>
            <div class="col-md-3">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Browser Usage</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-8">

                            </div>
                            <!-- /.col -->
                            <div class="col-md-4">
                                <ul class="chart-legend clearfix">
                                    <li><i class="far fa-circle text-danger"></i> Chrome</li>
                                </ul>
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer bg-light p-0">
                        <ul class="nav nav-pills flex-column">
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    United States of America
                                    <span class="float-right text-danger">
                                        <i class="fas fa-arrow-down text-sm"></i>
                                        12%</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    India
                                    <span class="float-right text-success">
                                        <i class="fas fa-arrow-up text-sm"></i> 4%
                                    </span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">
                                    China
                                    <span class="float-right text-warning">
                                        <i class="fas fa-arrow-left text-sm"></i> 0%
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- /.footer -->
                </div>
                <!-- /.card -->

            </div>

            <div class="col-md-12">
                <div class="card card-success table-responsive" style="margin-top:10px;">
                    <div class="card-header text-center">
                        <h5 class="m-0 text-white">Works Details List
                            <a href="#" title="" data-toggle="modal" data-target="#modal-default">
                                <i class="fas fa-plus-circle" style="float: right; font-size:28px;"></i>
                            </a>
                            <a href="{{route('inProgress-order-v')}}">
                                <i class="far fa-arrow-alt-circle-left" style="float: left; font-size:28px;"></i>
                            </a>
                        </h5>
                    </div>

                    <!-- /.card-header -->
                    <div class="card-body">
                        <!-----------------------Active/Inactive Button--------------------->
                        <table id="example1" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>SN</th>
                                    <th>Work U_Id</th>
                                    <th>Review Text</th>
                                    <th>Title</th>
                                    <th>Ratting</th>
                                    <th>Link</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($datas as $key=>$data)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td><a href="#" target="_blank">{{$data->work_details_u_id}}</a></td>
                                    <td>{{$data->reiew_discription}}</td>
                                    <td>{{$data->title}}</td>
                                    <td>
                                        @for ($i=0;$i<$data->ratting;$i++)
                                           <i class="fa fa-star text-warning"></i>
                                        @endfor
                                        @for ($i=0;$i<5-$data->ratting;$i++)
                                           <i class="far fa-star text-gray"></i>
                                        @endfor
                                    </td>
                                    <td><a href="{{$data->link}}" target="_blank">Click Me</a></td>
                                    <td>
                                        @if($data->work_status ==1)<span
                                            class="textSize badge badge-warning">Pending</span>
                                        @elseif($data->work_status ==2)<span
                                            class="textSize badge badge-info">Accept</span>
                                        @elseif($data->work_status ==3)<span class="textSize badge badge-success">In
                                            Process</span>
                                        @elseif($data->work_status ==4)<span
                                            class="textSize badge badge-warning ">Finished</span>
                                        @elseif($data->work_status ==5)<span
                                            class="textSize badge badge-danger">Refilling</span>
                                        @elseif($data->work_status ==6)<span
                                            class="textSize badge badge-secondary">Refiled</span>
                                        @elseif($data->work_status ==7)<span
                                            class="textSize badge badge-warning">Hold</span>
                                        @elseif($data->work_status ==8)<span
                                            class="textSize badge badge-danger">Reject</span>
                                        @elseif($data->work_status ==9)<span
                                            class="textSize badge badge-primary">Update</span>
                                        @else<span class="badge">N/A</span>
                                        @endif

                                    </td>
                                    <td class="py-0 align-middle text-center">
                                        <div class="btn-group btn-group-sm">
                                          <a href="#" id="delete" class="btn btn-danger"><i class="fas fa-trash"></i></a>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
        </div>
    </div>
</section>


<<<<<<< HEAD
    {{-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> --}}
=======
<div class="modal fade" id="modal-default">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Add Work</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col">
                        <form method="post" action="{{url('store-work-details-v')}}" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="vandor_id" id="vandor_id" value="{{$assign->ven_Emp_id}}">
                            <input type="hidden" name="order_id" id="order_id" value="{{$assign->order_id}}">
                            <input type="hidden" name="assign_id" id="assign_id" value="{{$assign->id}}">
>>>>>>> 079b797 (workDetails Problem Solve)

                            <div class="row">
                                <div class="col-12">
                                    <div class="row">
                                        <!-- 1st Row -->
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <h5>Review Text<span class="text-danger">*</span></h5>
                                                <div class="controls">
                                                    <textarea type="number" name="reiew_discription"
                                                        id="reiew_discription" class="form-control"
                                                        required=""></textarea>
                                                </div>
                                            </div>
                                        </div> <!-- End Col md 6 -->
                                    </div> <!-- End 1stRow -->

                                    <div class="row" id="calculation">
                                        <!-- 2nd Row -->
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <h5>Ratting <span class="text-danger">*</span></h5>
                                                <div class="controls">
                                                    <input type="number" name="ratting" id="ratting"
                                                        class="form-control" required="">
                                                </div>
                                            </div>
                                        </div> <!-- End Col md 4 -->

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <h5>Work Title <span class="text-danger">*</span></h5>
                                                <div class="controls">
                                                    <input type="text" step="title" name="title" id="title"
                                                        class="form-control" required="">
                                                </div>
                                            </div>
                                        </div> <!-- End Col md 4 -->
                                    </div> <!-- End 2nd Row -->

                                    <div class="row">
                                        <!-- 3rd Row -->
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <h5>Link <span class="text-danger">*</span></h5>
                                                <div class="controls">
                                                    <input type="text" name="link" id="link" class="form-control"
                                                        required="">
                                                </div>
                                            </div>
                                        </div> <!-- End Col md 4 -->

                                    </div> <!-- End 3rd Row -->

                                    <div class="row" style="margin-top: 20px">
                                        <!-- 7TH Row -->
                                        <div class="col-md-5">
                                            <div class="text-xs-right">
                                                <input type="submit" class="btn btn-rounded btn-primary mb-5"
                                                    value="Submit">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                        </div>
                                    </div> <!-- End 7TH Row -->
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script type="text/javascript">
    $("#changeStatus").on("keyup click", function () {
        var value = $('#inputStatus').val();
        var id = $('#order_id').val();

        if (id != '') {
            $.ajax({
                url: "updateStatus",
                method: "GET",
                data: {
                    id: id,
                    value: value,
                },
                dataType: "JSON",
                success: function (data) {
                    console.log(data);
                    var total = parseInt(data.available) + parseInt(data.total_quantity);
                    $("#ven_Emp_id").val(data.ven_Emp_id);
                    $("#total_quantity").val(data.total_quantity);
                    $("#service_cost").val(data.vendor_rate);
                    $("#total_budget").val(data.total_service_cost);
                    $("#target_date").val(data.target_date);
                    $("#total_quantity").attr({
                        "max": total,
                        "min": 1
                    });
                    $('#message').html('Available Work Here - ' + data.available + '+' + data
                        .total_quantity + '=' + total).css('color', 'red');
                }
            })
        } else {
            alert("Something is wrong ..!!");
        }

    });

</script>

<script>
    function editAssignOrder(r) {
        console.log(r);
        $("#id").val(r);
        var id = r;
        if (id != '') {
            $.ajax({
                url: "editAssignOrders",
                method: "GET",
                data: {
                    id: id,
                },
                dataType: "JSON",
                success: function (data) {
                    console.log(data);
                    var total = parseInt(data.available) + parseInt(data.total_quantity);
                    $("#ven_Emp_id").val(data.ven_Emp_id);
                    $("#total_quantity").val(data.total_quantity);
                    $("#service_cost").val(data.vendor_rate);
                    $("#total_budget").val(data.total_service_cost);
                    $("#target_date").val(data.target_date);
                    $("#total_quantity").attr({
                        "max": total,
                        "min": 1
                    });
                    $('#message').html('Available Work Here - ' + data.available + '+' + data
                        .total_quantity + '=' + total).css('color', 'red');
                }
            })
        } else {
            alert("Something is wrong ..!!");
        }
    }

</script>

@endsection
