@extends('layouts.app')
@section('title', __('lang_v1.consignments'))

@section('content')
    <section class="content-header">
        <h1>@lang('lang_v1.consignments') <small>@lang('lang_v1.consignments_desc')</small>
            <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#createConsignmentModal">
                <i class="fa fa-truck"></i> @lang('lang_v1.create_consignment')
            </button>
        </h1>
    </section>

    <section class="content">
        <div class="modal fade" id="createConsignmentModal" tabindex="-1" role="dialog">
          <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4 class="modal-title"><i class="fa fa-truck"></i> @lang('lang_v1.create_consignment')</h4>
              </div>
              <div class="modal-body">
                {!! Form::open(['route' => 'supplier.consignment.store', 'method' => 'post']) !!}
                    <div class="row">
                        <div class="col-md-3"><div class="form-group"><label>@lang('lang_v1.driver')</label><input type="text" name="driver_name" class="form-control"></div></div>
                        <div class="col-md-3"><div class="form-group"><label>@lang('lang_v1.vehicle_no')</label><input type="text" name="vehicle_no" class="form-control"></div></div>
                        <div class="col-md-3"><div class="form-group"><label>@lang('lang_v1.transport_mode')</label><input type="text" name="transport_mode" class="form-control" placeholder="road"></div></div>
                        <div class="col-md-3"><div class="form-group"><label>@lang('lang_v1.distance_km')</label><input type="number" step="0.1" name="distance_km" class="form-control"></div></div>
                    </div>
                    <div class="table-responsive" style="max-height:360px;overflow:auto;">
                        <table class="table table-bordered table-condensed">
                            <thead><tr><th><input type="checkbox" onclick="document.querySelectorAll('.cn-chk').forEach(c=>c.checked=this.checked)"></th><th>@lang('purchase.ref_no')</th><th>@lang('business.store')</th><th>@lang('messages.date')</th><th class="text-right">@lang('sale.total')</th></tr></thead>
                            <tbody>
                                @forelse($ready as $r)
                                    <tr>
                                        <td><input type="checkbox" class="cn-chk" name="transaction_ids[]" value="{{ $r->id }}"></td>
                                        <td>{{ $r->invoice_no }}</td>
                                        <td>{{ $r->store_name }}</td>
                                        <td>{{ \Carbon\Carbon::parse($r->transaction_date)->format('d-m-Y') }}</td>
                                        <td class="text-right">@format_currency($r->final_total)</td>
                                    </tr>
                                @empty
                                    <tr><td colspan="5" class="text-center text-muted">@lang('lang_v1.no_ready_shipments')</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer" style="padding-left:0;padding-right:0;">
                        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.cancel')</button>
                        <button type="submit" class="btn btn-primary"><i class="fa fa-truck"></i> @lang('lang_v1.dispatch_consignment')</button>
                    </div>
                {!! Form::close() !!}
              </div>
            </div>
          </div>
        </div>

        <div class="box box-solid">
            <div class="box-header with-border"><h3 class="box-title">@lang('lang_v1.consignments')</h3></div>
            <div class="box-body table-responsive">
                <table class="table table-bordered table-striped">
                    <thead><tr><th>@lang('purchase.ref_no')</th><th>@lang('lang_v1.driver')</th><th>@lang('lang_v1.vehicle_no')</th><th class="text-right">@lang('business.store')s</th><th>@lang('lang_v1.status')</th><th>@lang('messages.date')</th><th></th></tr></thead>
                    <tbody>
                        @php $sb=['draft'=>'bg-gray','dispatched'=>'bg-teal','delivered'=>'bg-green','cancelled'=>'bg-red']; @endphp
                        @forelse($consignments as $c)
                            <tr>
                                <td>{{ $c->ref_no }}</td>
                                <td>{{ $c->driver_name ?: '-' }}</td>
                                <td>{{ $c->vehicle_no ?: '-' }}</td>
                                <td class="text-right">{{ $c->transactions_count }}</td>
                                <td><span class="label {{ $sb[$c->status] ?? 'bg-gray' }}">{{ $c->status }}</span></td>
                                <td>{{ optional($c->dispatched_at)->format('d-m-Y H:i') ?: '-' }}</td>
                                <td><a href="{{ route('supplier.consignment.show', $c->id) }}" class="btn btn-xs btn-info"><i class="fa fa-eye"></i> @lang('messages.view')</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="text-center text-muted">@lang('lang_v1.no_records_found')</td></tr>
                        @endforelse
                    </tbody>
                </table>
                <div>{{ $consignments->links() }}</div>
            </div>
        </div>
    </section>
@endsection