@extends('admin.include.master')

@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>View Beat Plan <span class="text-info">#{{ $BeatPlan->BeatPlanName }}</span></h1>
        </div>
        <div class="col-sm-6 text-right">
          @if ($BeatPlan->IsDeleted == '0')
          <button type="submit" class="btn btn-sm btn-info mx-1" data-id="{{ $BeatPlan->BeatPlanId }}"
            onclick="editRecord('{{ $BeatPlan->BeatPlanId }}')">Edit</button>
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $BeatPlan->BeatPlanId }}"
            onclick="deleteTemp('{{ $BeatPlan->BeatPlanId }}');">Delete</button>
          @else
          <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $BeatPlan->BeatPlanId }}"
            onclick="deleteBeatPlan('{{ $BeatPlan->BeatPlanId }}');">Delete</button>
          @endif

        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="card card-primary">
      <div class="card-header">
        <h3 class="card-title">Beat Plan Info</h3>
        <div class="card-tools">
          <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
          </button>
        </div>
        <!-- /.card-tools -->
      </div>
      <!-- /.card-header -->
      <div class="card-body">
        <div class="row">
          <div class="col-md-6">
            <div class="card card-primary">
              <div class="card-body">
                <div class="row">
                  <label for="inputName" class="col-sm-4">Beat Plan Name:</label>
                  <div class="col-sm-8">
                    <p class="">{{ $BeatPlan->BeatPlanName }}</p>
                  </div>
                </div>
                <div class="row">
                  <label for="inputName" class="col-sm-4">Beat Plan Type:</label>
                  <div class="col-sm-8">
                    @if ($BeatPlan->BeatPlanType=='DistributorWise')
                    <p><span class="badge badge-info">Distributor Wise</span></p>
                    @else
                    <p><span class="badge badge-warning">Sales Area Wise</span></p>
                    @endif
                  </div>
                </div>
                <div class="row">
                  <label for="inputName" class="col-sm-4">Plan Date:</label>
                  <div class="col-sm-8">
                    <p class="">{{ date('d-M-y', strtotime($BeatPlan->BeatPlanDate)) }}</p>
                  </div>
                </div>
                <div class="row">
                  <label for="inputName" class="col-sm-4">Sales Territory:</label>
                  <div class="col-sm-8">
                    <p class="">@if ($BeatPlan->SalesTerritory)
                      {{ $BeatPlan->SalesTerritory }}
                      @else
                      --
                      @endif</p>
                  </div>
                </div>
                <div class="row">
                  <label for="inputName" class="col-sm-4">Sales Area:</label>
                  <div class="col-sm-8">
                    <p class="">@if ($BeatPlan->SalesAreaName)
                      {{ $BeatPlan->SalesAreaName }}
                      @else
                      --
                      @endif</p>
                  </div>
                </div>
                @if ($BeatPlan->DistributorName)
                <div class="row">
                  <label for="inputName" class="col-sm-4">Distributor:</label>
                  <div class="col-sm-8">
                    <p class="">{{ $BeatPlan->DistributorName }}</p>
                  </div>
                </div>
                @endif

                {{-- @if ($BeatPlan->RetailerName)
                <div class="row">
                  <label for="inputName" class="col-sm-4">Retailer:</label>
                  <div class="col-sm-8">
                    <p class="">{{ $BeatPlan->RetailerName }} @if ($BeatPlan->SalesAreaName)
                {{ $BeatPlan->SalesAreaName }}
                @endif</p>
              </div>
            </div>
            @endif --}}

            {{-- @if ($BeatPlan->Customer)
                <div class="row">
                  <label for="inputName" class="col-sm-4">Customer Name:</label>
                  <div class="col-sm-8">
                    <p class="">{{ $BeatPlan->Customer }}</p>
          </div>
        </div>
        @endif --}}
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->
</div>
<div class="col-md-6">
  <div class="card card-primary">
    <div class="card-body">
      <div class="row">
        <label for="inputName" class="col-sm-4">Assigned To:</label>
        <div class="col-sm-8">
          <p class="">
            @if ($BeatPlan->UserFirstName)
            {{ $BeatPlan->UserFirstName }}
            @endif
            @if ($BeatPlan->UserLastName)
            {{ $BeatPlan->UserLastName }}
            @endif
          </p>
        </div>
      </div>
      <div class="row">
        <label for="inputName" class="col-sm-4">Created Date:</label>
        <div class="col-sm-8">
          <p class="">{{ date('d-M-y h:i:s a', strtotime($BeatPlan->Created_at)) }}</p>
        </div>
      </div>
      <div class="row">
        <label for="inputName" class="col-sm-4">Created By:</label>
        <div class="col-sm-8">
          <p class="">
            @if ($BeatPlan->AdminCreated_by)
            {{ $BeatPlan->AdminCreated_by }}
            @else
            {{ $BeatPlan->Created_by }}
            @endif
          </p>
        </div>
      </div>
      <div class="row">
        <label for="inputName" class="col-sm-4">Last Updated Date:</label>
        <div class="col-sm-8">
          <p class="">{{ date('d-M-y h:i:s a', strtotime($BeatPlan->Updated_at)) }}</p>
        </div>
      </div>
      <div class="row">
        <label for="inputName" class="col-sm-4">Last Updated By:</label>
        <div class="col-sm-8">
          <p class="">
            @if ($BeatPlan->AdminUpdated_by)
            {{ $BeatPlan->AdminUpdated_by }}
            @else
            {{ $BeatPlan->Updated_by }}
            @endif
          </p>
        </div>
      </div>
      <div class="row">
        <label for="inputName" class="col-sm-4">Status:</label>
        <div class="col-sm-8">
          @if ($BeatPlan->Status=='1')
          <a href="{{ url('/status-update-beat-plan',$BeatPlan->id) }}" class="btn btn-success bg-success btn-xs"
            data-toggle="tooltip" data-placement="top" title="Click to De-activate"
            data-id="{{ $BeatPlan->id }}">Active</a>
          @else
          <a href="{{ url('/status-update-beat-plan',$BeatPlan->id) }}" class="btn btn-danger btn-xs"
            data-toggle="tooltip" data-placement="top" title="Click to Activate">InActive</a>
          @endif
        </div>
      </div>
    </div>
    <!-- /.card-body -->
  </div>
  <!-- /.card -->
</div>
</div>
<hr />
<div class="row">
  <div class="col-12">
    <div class="d-flex align-items-center justify-content-center">
      @if ($BeatPlan->IsDeleted == '0')
      <button type="submit" class="btn btn-sm btn-info mx-1" data-id="{{ $BeatPlan->BeatPlanId }}"
        onclick="editRecord('{{ $BeatPlan->BeatPlanId }}')">Edit</button>
      <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $BeatPlan->BeatPlanId }}"
        onclick="deleteTemp('{{ $BeatPlan->BeatPlanId }}');">Delete</button>
      @else
      <button type="submit" class="btn btn-sm btn-outline-info" data-id="{{ $BeatPlan->BeatPlanId }}"
        onclick="deleteBeatPlan('{{ $BeatPlan->BeatPlanId }}');">Delete</button>
      @endif
    </div>
  </div>
</div>
<!-- /.card-body -->
</div>
<div class="card card-primary">
  <div class="card-header">
    <h3 class="card-title">Customer List</h3>
    <div class="card-tools">
      <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
      </button>
    </div>
    <!-- /.card-tools -->
  </div>
  <!-- /.card-header -->
  <div class="card-body">
    <table id="targetTable" class="table table-bordered table-striped table-sm">
      <thead>
        <tr>
          <th>SN</th>
          <th>Customer</th>
          <th>Sales Area</th>
          <th>Tentative Visit Time</th>
          <th>Actual Entry</th>
          <th>Actual Exit</th>
          <th>Entry Point</th>
          <th>Visit Status</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($VisitCustomerList as $customer)
        <tr>
          <td>{{ $loop->iteration }}</td>
          <td>{{ $customer->CustomerName }}</td>
          <td>{{ $customer->SalesArea }}</td>
          <td>{{ $customer->CustomerScheduleTime }}</td>
          <td>
            @if ($customer->ActualEntry)
            {{ date('d-M-y h:m a', strtotime($customer->ActualEntry)) }}
            @else
            --
            @endif
          </td>
          <td>
            @if ($customer->ActualExit)
            {{ date('d-M-y h:m a', strtotime($customer->ActualExit)) }}
            @else
            --
            @endif
          </td>
          <td>
            @if ($customer->EntryPoint)
            {{ $customer->EntryPoint }}
            @else
            --
            @endif
          </td>
          <td>{{ $customer->CustomerVisitStatus }}</td>
          <td>
            <div class="btn-group">
              <button type="button" class="btn btn-default btn-sm dropdown-toggle dropdown-icon" data-toggle="dropdown"
                aria-expanded="false">
              </button>
              <div class="dropdown-menu dropdown-menu-right" role="menu">
                <button type="button" class="dropdown-item btn btn-default"
                  data-id="{{ $customer->BeatPlanCustomerId }}"
                  onclick="deleteCustomerTemp('{{ $customer->BeatPlanCustomerId }}');">Delete</button>
              </div>
            </div>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
    {{-- <div class="text-right">
          <button type="button" class="btn btn-sm btn-info mt-2" data-id="{{ $BeatPlan->BeatPlanId }}"
    onclick="addBeatPlanCustomer('{{ $BeatPlan->BeatPlanId }}')">Add New</button>
  </div> --}}
</div>
<!-- /.card-body -->
</div>

</section>


<!-- /.content -->
<br />
</div>
<x-CountryAndStateList />
<x-BeatPlansModal />

<!-- /.content-wrapper -->
@endsection