@extends('layouts/layout')
@section('title', 'Incident Report')
@push('style')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.css">

@endpush

@section('content')
@if ($message = Session::get('success'))
@include('sweetalert::alert')
@endif
<!-- page content -->
<div class="" role="main">
    <div class="">
        <div class="row">
            <div class="col-md-12 col-sm-12 mt-2">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Patrolling Photo/Video</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="row">
                        @foreach($patrolling_images as $patrolling_images)
                            <!-- image show-->
                                @if(pathinfo($patrolling_images->image_path, PATHINFO_EXTENSION) != "mp4") 
                                        <img src="{{ url('checkmate_images/'. $patrolling_images->image_path) }}" style="height: 200px; width: 250px;" class="m-2">
                                @else
                                    <video autoplay="" loop="" controls="" width="250px" height="200px">
                                        <source type="video/mp4" src="{{ url('checkmate_images/'. $patrolling_images->image_path) }}" class="m-2">
                                    </video>
                                @endif
                            <!-- image end -->
                        @endforeach
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-center">
                            <div class="form-group">
                                <a href="javascript:history.back()" class="btn btn-primary" style="margin-top: 10px;">Back</a>
                                <!-- <input type="submit" class="btn btn-success mx-1" name="create_product" id="create_product" value="Update Campaign"  style="margin-top: 10px;"/> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
@endsection
@push('scripts')
<script>
function timeFunctionLong(input) {
    setTimeout(function() {
        input.type = 'text';
    }, 60000);
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.9/sweetalert2.min.js"></script>
@endpush