@extends('layouts.master')
@section('title')
    Production Request View
@endsection
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header d-flex align-items-center">
                    <h4 class="card-title mb-0 flex-grow-1">Production Request View</h4>
                </div>
                <div class="card-body">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                <h5>Order Code: {{ $productionRequest->order_code }}</h5>
                            </div>
                            <div class="col-md-6">
                                <h5 class="text-end">Status: {{ $productionRequest->status }}
                                </h5>
                            </div>
                        </div>
                    </div>
                    <table id="fixed-header" class="table table-bordered dt-responsive table-striped align-middle"
                        style="width:100%">
                        <thead>
                            <tr>
                                <th>SN</th>
                                <th>Order Item</th>
                                <th>Quantity</th>
                                <th>Consumption</th>
                                <th>Quantity</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($items as $key => $item)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $item->stockItem->name }}</td>
                                    <td>{{ $item->quantity }}</td>
                                    <td>
                                        <ul>
                                            @foreach ($item->manufacturingitems as $manuItem)
                                                <li>{{ $manuItem['name'] }}</li>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>
                                        <ul>
                                            @foreach ($item->manufacturingitems as $manuItem)
                                                <li>
                                                    {{ $manuItem['quantity'] }} {{ $manuItem['unit'] }}
                                                </li>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>
                                        <ul>
                                            @foreach ($item->manufacturingitems as $manuItem)
                                                <li>
                                                    @if ($manuItem['available'])
                                                        <span class="badge badge-label bg-success"><i
                                                                class="mdi mdi-circle-medium"></i>
                                                            Available</span> ({{ $manuItem['currentStock'] }})
                                                    @else
                                                        <span class="badge badge-label bg-danger"><i
                                                                class="mdi mdi-circle-medium"></i> Not
                                                            Available</span> ({{ $manuItem['currentStock'] }})
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ul>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-12 text-center">
                                {{-- accept button --}}
                                @if ($productionRequest->status != 'accepted')
                                    @if ($orderCanAccept)
                                        <button type="button" class="btn btn-success" id="acceptModal">Accept</button>
                                    @endif
                                    {{-- reject button --}}
                                    <button type="button" class="btn btn-warning" id="rejectModal">Hold</button>
                                @else
                                    <button type="button" class="btn btn-success" disabled>Accept</button>
                                    <button type="button" class="btn btn-warning" disabled>Hold</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('#acceptModal').click(function(e) {
                e.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You want to accept this production request!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, accept it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('production-requests.accept', $productionRequest->id) }}",
                            data: {
                                _token: "{{ csrf_token() }}",
                            },
                            success: function(response) {
                                if (response.status) {
                                    Swal.fire(
                                        'Accepted!',
                                        'Production request has been accepted.',
                                        'success'
                                    ).then((result) => {
                                        if (result.isConfirmed) {
                                            window.location.href =
                                                "{{ route('production-requests.index') }}";
                                        }
                                    });
                                } else {
                                    Swal.fire('Error', response.msg, 'error');
                                }
                            }
                        });
                    }
                });
            });

            $('#rejectModal').click(function(e) {
                e.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You want to hold this production request!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#ffc107',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, hold it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('production-requests.hold', $productionRequest->id) }}",
                            data: {
                                _token: "{{ csrf_token() }}",
                            },
                            success: function(response) {
                                if (response.status) {
                                    Swal.fire(
                                        'Holded!',
                                        'Production request has been holded.',
                                        'success'
                                    ).then((result) => {
                                        if (result.isConfirmed) {
                                            window.location.href =
                                                "{{ route('production-requests.index') }}";
                                        }
                                    });
                                } else {
                                    Swal.fire('Error', response.msg, 'error');
                                }
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection