@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
        @endif
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1></h1>
        </div>
        
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('orders.index') }}">List Orders</a></li>
            <li class="breadcrumb-item"><a href="{{ url('order/order-batch/'.$order_product_details->order_id) }}">Order Details</a></li>
            <li class="breadcrumb-item active">Batch Details</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>
   @if($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show text-left" role="alert">
              <p>{{ $message }}</p>
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
        </div>
    @endif
<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card card-info card-outline">
            <div class="card-header">
              <!-- <h3 class="card-title">{{$order_product_details->products->product_name}}</h3> -->
                                  <div class="pro_displaybox_form">
                                    <div class="img_wrap " style="float:left">
                                        <img src="{{asset('../storage/app/images/'.$order_product_details->products->product_image)}}" width="60"/>
                                    </div> 
                                    <div class="col-md-11" style="float:left">
                                        <div class="pro_details_box">
                                            @if($order_product_details->products->product_code !='')
                                            <div class="prod_code">{{$order_product_details->products->product_code}}</div>
                                            @endif
                                            @if($order_product_details->products->product_name !='')
                                            <div class="separator">|</div>
                                            <div class="prod_name">{{$order_product_details->products->product_name}}</div>
                                            @endif
                                            @if($order_product_details->products->brand_name !='')
                                            <div class="separator">|</div>  
                                            <div class="prod_brand">{{$order_product_details->products->brand_name}}</div>
                                            <div class="separator">|</div>
                                            @endif
                                            @if($order_product_details->products->model_number !='')
                                            <div class="prod_modeln">{{$order_product_details->products->model_number}}</div>
                                            @endif
                                            @if($order_product_details->products->category)
                                                <div class="separator">|</div>
                                                <div class="prod_category">{{$order_product_details->products->category->category}}</div>
                                            @endif
                                        </div>
                                        <div style="font-size:13px;">{{$order_product_details->products->description}}</div> 
                                    </div>
                                </div>
            </div>
            <div class="card-body input_fields_wrap">
                    @if($order_product_details)
                        <table id="datatabe" class="table table-bordered table-striped dataTable dtr-inline">
                          <thead> 
                            <tr>
                              <th>Batch</th>
                              <th>Start NO</th>
                              <th>End NO</th>
                              <th>NO of Labels</th>
                              <th>Status</th>
                            </tr>
                          </thead>
                          <tbody>
                        @foreach($order_product_details->batches as $dkey =>  $details)
                          
                            <tr>
                                <td>{{$details->batch_id }}</td>
                                <td>{{$details->start_number }}</td>
                                <td>{{$details->start_number + $details->label_count -1 }}</td>
                                <td>{{$details->label_count }}</td>
                                <td>
                                        <a target="_blank" class="print_button_status" href="{{url('print_batch/'.$details->id)}}"><button class="btn @if($details->label_status_1 == 2) btn-default @else btn-success @endif">@if($details->label_status_1 == 2) Label 1 Printed
                                          <i class="fas fa-download" aria-hidden="true"></i>                          
                                        @else Print Label 1 @endif</button> </a>
                                        <a target="_blank" class="print_button_status" href="{{url('print_batch_label_2/'.$details->id)}}"><button class="btn @if($details->label_status_2 == 2) btn-default @else btn-success @endif">@if($details->label_status_2 == 2)Label 2 Printed 
                                            <i class="fas fa-download" aria-hidden="true"></i>
                                        @else Print Label 2 @endif</button> </a>
                                </td>
                              </tr>
                        @endforeach
                        </tbody>
                      </table>
                    @endif                
                <div class="row">
                    <div class="row card-body">
                    <div class="col-xs-6 col-sm-6 col-md-6 text-left"> 
                            <a href="{{ url()->previous() }}"> <button class="btn btn-secondary">Back </button> </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  <script>
    $('.print_button_status').click(function(){
      location.reload();
    })
  </script>
  <script>
      $(document).ready(function () {
          $('#datatabe').DataTable({
            "columnDefs": [
                { "orderable": false, "targets": [4] },
                { "orderable": true, "targets": [1, 2, 3] }
            ]
          });
      });
  </script>
@endsection