@extends('layouts.layout')



@section('title', 'Franchise')
<!-- @section('content') -->
@section('content')


<section class="content-inner">

    <div class="main-right-teaser">
         <div class="permission-block">
            <div class="permission-header">
                <h3>Franchise</h3>
            </div>

        </div>
        <div class="permission-block">
        <div class="form-btn-wrap d-flex justify-content-end mb-5">
            @if(Auth::user()->role_id == 1)
                <!-- <a href="{{url('add-franchises?active_tab=general-info')}}" class="btn">Add New Franchise</a> -->
                <a href="{{url('franchises/general-info')}}" class="btn">Add New Franchise</a>

                @endif
            </div>
            @if (session('success'))
            <div class="alert alert-success success-custom" id="alert_close">
                {{ session('success') }}
            </div>
            @endif
            @if (session('error'))
            <div class="alert alert-danger danger-custom" id="alert_close">
                {{ session('error') }}
            </div>
            @endif
            <div class="table-wrap">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Franchise</th>
                            <th>Renewal Date</th>
                            <th>MSF(%)</th>
                            <th>Monthly Marketing Levy(%)</th>
                            <th>Monthly System Cost</th>
                            <th>Insurance End Date</th>
                            <th>Data Protection End Date</th>
                            <th>Delete</th>
                        </tr>
                    </thead>
                    <tbody>

                        @if(!empty($data))
                         @foreach($data as $value)

                        <tr>
                            <td><a href="{{url('franchises/'.$value['id'].'/general-info')}}">{{$value['name']}}</a></td>
                            <td>{{ !empty($value['franchise_agreement']) ?  date('d/m/y',strtotime($value['franchise_agreement']['renewal_date'])) : '' }}</td>
                            <td>{{ !empty($value['franchise_financial_data']) ? $value['franchise_financial_data']['comission'] : '' }}</td>
                            <td>{{ !empty($value['franchise_financial_data']) ? $value['franchise_financial_data']['monthly_marketing_levi'] : '' }}</td>
                            <td>{{ !empty($value['franchise_financial_data'] && !empty($value['franchise_financial_data']['monthly_system_cost'])) ? '£'.$value['franchise_financial_data']['monthly_system_cost'] : '' }}</td>
                            <td>{{ !empty($value['franchise_insurance']) ? date('d/m/y',strtotime($value['franchise_insurance']['end_date'])) : '' }}</td>
                            <td>{{ !empty($value['franchise_data_protection']) ? date('d/m/y',strtotime($value['franchise_data_protection']['end_date'])) : '' }}</td>
                            <td><a href="javascript:void()" onclick="franchisesDeleteFunction({{$value['id']}})"><i class="fas fa-trash-alt" style="color: #558dcb;"></i></a></td>
                        </tr>
                        @endforeach

                        @endif
                    </tbody>
                </table>
            </div>

        </div>
    </div>


</section>
<!-- <script>
document.addEventListener("DOMContentLoaded",() =>{
  const rows = document.querySelectorAll("tr[data-href]");
  rows.forEach(row=>{
    row.addEventListener("click",()=>{
       window.location.href = row.dataset.href;
    });
  });
});
</script> -->
<script type="text/javascript">
     function franchisesDeleteFunction(frenchise_id) {
    const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: "btn btn-success",
                cancelButton: "btn btn-danger",
            },
            buttonsStyling: false,
        });
        swalWithBootstrapButtons
            .fire({
                title: "Are you sure?",
                text: "Are you sure want to delete record!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Yes, delete it!",
                cancelButtonText: "No, cancel!",
                reverseButtons: true,
            })
            .then((result) => {
                if (result.isConfirmed) {
        axios.post('{{ url('/franchises/delete-franchises/')}}', {
            id: frenchise_id
          })
          .then(function(response) {
            setTimeout(function() {
                location.reload();
              }, 1000);

          })
          .catch(function(error) {
           });
      }
    });
    
  }
</script>
@endsection